支援實現HTML5音頻：嵌入簡單的聲音提示技巧

標籤：style   http   java   color   使用   檔案   

瞭解如何使用HTML音頻元素嵌入在網頁中的聲音容易。在本教程中都包含大量的程式碼範例。截至目前，在Web瀏覽器中的音頻播放一直是位一個黑色的藝術。傳統上，有幾種方法可以嵌入在網頁中的聲音 -一些比別人更好的工作，和許多人只工作，如果你碰巧使用正確的瀏覽器，用正確的外掛程式。無處不在的Flash外掛程式已經在很大程度上協助，因為Flash可以很容易地嵌入音訊方式，與大多數瀏覽器。然而，這並不能協助iPhone和iPad不支援Flash的瀏覽器，如Safari。總之，這是一個有點亂。幸運的是，HTML5看起來使生活更容易為我們的開發人員，由於其音頻元素。這個元素可以讓你在網頁中嵌入音頻檔案，以及控制播放的聲音使用JavaScript。更重要的是，它並不需要任何外掛程式工作，並支援幾乎所有現代的Web瀏覽器。（我們會回來的瀏覽器支援！）在本教程中，我將向您展示如何在一個頁面中的音頻元素嵌入聲音。我們也來看看如何觸發和停止通過JavaScript的音頻，以及如何確保我們的音頻可以播放許多Web瀏覽器可能。HTML5 音頻元素基本的音頻元素是很容易使用。由於這是本賽季是快樂的-和歐洲超過其公平份額的雪-讓我們的嵌入短的MP3片段的平克勞斯貝的“白色聖誕”<audio src="WhiteChristmas.mp3"> </audio> //www.heatpress123.net沒有太多的解釋，需要在這裡！，就像<IMG>標籤可以讓你在一個頁面中包括一個影像檔，<AUDIO>標籤包括一個音頻檔案。跨瀏覽器支援雖然簡單，但是上面的例子中，它在許多瀏覽器將無法正常工作。這是音頻檔案格式熱轉印機器。有些瀏覽器可以播放MP3檔案，但不OGG檔案，而其他瀏覽器可以播放OGG格式的檔案，但沒有。MP3。大多數瀏覽器都可以播放WAV檔案，WAV檔案被解壓縮，導致大檔案的大小，這是不切實際的短音頻片段以外的任何東西。以下簡要介紹了當前的瀏覽器支援多種音頻格式：

 

瀏覽器	。MP3	。OGG	的。wav
Firefox4	沒有	是	是
Safari 5的	是	沒有	是
Chrome 8的	是	是	是
Opera 11	沒有	是	是
IE9	是	沒有	是

 

您的瀏覽器支援哪些音頻格式。從表中可以看到，唯一可行的方法，提供跨瀏覽器支援音頻播放服務的瀏覽器，可以播放MP3檔案，和OGG檔案到其他。要做到這一點，你可以添加多個的<source>元素的<AUDIO>元素指定相同的多種格式的音效檔。然後，瀏覽器會玩的第一個檔案，它能夠播放。下面是一個例子：
<AUDIO>   <source src="WhiteChristmas.mp3">  <source src="WhiteChristmas.ogg"></audio>當然，這並不意味著你需要建立。MP3和OGG版本的音效檔（如Audacity的工具是方便），但它會給你良好的跨瀏覽器支援。詳細說明：http://html5.662p.com/thread-10-1-1.html