（）2345audioaudioaudio地推動(dòng)了互聯(lián)網(wǎng)應(yīng)用的發(fā)展。今天通過優(yōu)酷、土豆、樂視、CNTV、電視劇和綜藝，成為人們使用互聯(lián)網(wǎng)的主要應(yīng)之一和音頻的廣泛應(yīng)用，使得在網(wǎng)絡(luò)中使用和音頻技術(shù)變一、從網(wǎng)絡(luò)上的說在HTML5規(guī)范之前，如果希望在網(wǎng)頁上、音頻，通暢都需要借助第插件，比如Flash?；蛘咝枰灾鏖_發(fā)使用多不論是文件還是音頻文件，例如.avi、.flv等，實(shí)質(zhì)上都時(shí)，音頻軌道和軌道是綁定在一起的。元數(shù)據(jù)部分包含了視頻的封面、標(biāo)題、子標(biāo)題、字幕等信息。MPEG-FlashAudio音頻和的編音頻和的編碼/器是一組算法，用來對(duì)一段特定音頻或進(jìn)行和編碼，以便音頻和能夠。當(dāng)一個(gè)的時(shí)候，器（器）需要完成的工有第一步：解析容器格式以找出可以使用 和音頻軌道，并析它們的結(jié)構(gòu)，以便接下來的工作第二步：對(duì)流，并在屏幕上顯示一幅幅的圖像。第三步：對(duì)音頻流，同時(shí)給揚(yáng)聲器傳輸聲音信號(hào)。編器包括有損和無損兩種。無損文件一般太大了，在網(wǎng)頁中沒有優(yōu)勢(shì)，所以在網(wǎng)絡(luò)上傳送的采用的都是有損編器。有損編器中，信息在編碼過程的丟失時(shí)無法避免的。這就好比從一個(gè)磁帶音頻，每次都會(huì)丟失一些原來音頻的信息，復(fù)音頻和的編碼算法很多，常見的有音頻編器有：AAC、MPEG-3、OggVorbis。編器有：H.264、VP8、OggTheora。有些編是受專利保護(hù)的，有些則是免費(fèi)的。例如Vorbis、Theora免費(fèi)的，可以隨意使用H.264、MPEG-4需要支付專WebM由于2010年5月發(fā)布，是一個(gè)開放、免費(fèi)的文件格式。現(xiàn)在主流的Web都比較模糊，作為新的音頻和格式，WebM旨在改善這種現(xiàn)狀，讓W(xué)eb清晰化。WebM的后綴名是.webm。WebM格式其實(shí)是以Matroska（MKV）容器格式為基礎(chǔ)開發(fā)的新容器格有的VP8編碼技術(shù)以類似BSD開源，OggVorbis本來就是開放格HTML5Audio和的限雖然HTML5增加了音頻和的元素，但是有些功能目前仍然沒有得到HTML5的支持。流式音頻和。目前HTML5中沒有比特率切換的標(biāo)準(zhǔn)，所以HTML5對(duì)的支持只限于加載的全部文件。HTML5自身無法在全屏?xí)r進(jìn)行控制。這個(gè)功器具體的支持情況可以通過查詢 圖圖9-1Chrome26、Firefox20、IE10對(duì)HTML5音頻 二、和audio元在HTML4中，沒有音頻和的元素，只能夠使用<object><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN" 音頻 插件，則就無法。在HTML5中，新增加了和audio兩個(gè)元素。元素專門用來網(wǎng)絡(luò)上的，audio元素用來網(wǎng)絡(luò)上的音頻。使的這兩個(gè)元素并且能夠支持音頻、文件的編器即可。同時(shí)，<!doctype<!doctype<metacharset="utf-<title>HTML4 < 音頻由于目前瀏覽器能夠支持的編器不一致，為了確保一個(gè)能夠同時(shí)被所有支持HTML5的瀏覽器支持，則可以通過<source>元素來為同一個(gè)指定多個(gè)源，供不同的瀏覽器來選擇適合自己的。<!doctype<!doctype<metacharset="utf- 示例9-3：使用多個(gè)源，在HTML5音頻 <audio三、和audio的屬audio元素的屬性大致相同。src屬性用來指定數(shù)據(jù)的URL地址元素介紹該屬性中指定或者音頻是否進(jìn)行預(yù)加載。如果使用預(yù)加載，因?yàn)樵谶M(jìn)行數(shù)據(jù)時(shí)，可能數(shù)據(jù)已經(jīng)緩沖一部分或者緩沖完成。preload屬性值有三種none字節(jié)數(shù)、第一幀、列表、持續(xù)時(shí)間等信息。auto：表示預(yù)加載全部或音頻。該值是默認(rèn)值展示一張?zhí)娲?，從而避免不可用時(shí)，頁面出現(xiàn)一片空白。該屬性中指定是否循環(huán)或音頻元素介紹該屬性中指定是否為或音頻添加瀏覽器自帶的用的控width元素介紹該屬性為vedio元素的獨(dú)有屬性。用來指定的寬度和高度元素介紹在、使用數(shù)據(jù)的過程中，在正常情況下，和audio元素的error屬性為null。當(dāng)出現(xiàn)錯(cuò)誤時(shí)，error屬性將返回一個(gè)MediaError象，該對(duì)象通code的方式將錯(cuò)誤狀態(tài)提供出來。錯(cuò)誤狀態(tài)值為只讀屬性，且有4個(gè)可能值：時(shí)出現(xiàn)網(wǎng)絡(luò)錯(cuò)誤，數(shù)據(jù)的過程被中止。<!doctype<metacharset="utf-<!doctype<metacharset="utf- <>" error= {varerrorinfo= {case casecase case }9-錯(cuò)誤狀數(shù)據(jù)在加載過程中可以使用元素或audio元素的networkState屬性當(dāng)前網(wǎng)絡(luò)狀態(tài)，其可能值有4個(gè)，該屬性值（1）0：NETWORK_EMPTY：初始狀態(tài)放，但尚未建立網(wǎng)絡(luò)連接。（3）2：NETWORK_LOADING：數(shù)據(jù)加載中（4）3：NETWORK_NO_SOURCE：沒有支持的編碼格式，不進(jìn)行載元素介紹currentSrc屬性用來元素和audio元素中正在中的數(shù)據(jù)的URL地址。元素介紹以確認(rèn)瀏覽器是否已緩存數(shù)據(jù)。buffered屬性值為只讀屬性元素介紹該屬性返 或audio元素中當(dāng)前位置的就緒狀態(tài)置沒有數(shù)據(jù)。（2）1：HAVE_METADATA：已經(jīng)獲得到足夠的信息，但是前位置沒有有效的數(shù)據(jù)，暫時(shí)不能夠（3）2：HAVE_CURRENT_DATA：當(dāng)前位置已經(jīng)有數(shù)據(jù)可以播（43HAVE_FUTRE_ATA而且也獲取到了可以讓器前進(jìn)的數(shù)據(jù)。當(dāng)為時(shí)，意思是（54HAVE_ENOUGH_DATA以保證有足夠的后續(xù)數(shù)據(jù)進(jìn)行。seekingseekable定位置的數(shù)據(jù)，true表示瀏覽器正在請(qǐng)求數(shù)據(jù)，false表示瀏覽器seekable性返回一TimeRange象，該對(duì)象表示請(qǐng)求到的seeking和seekable屬性值均為只讀屬性currentTime、startTimedurationcurrentTime屬性來的當(dāng)前位置，通過修改該屬性沒有獲得，將產(chǎn)生INDEX_SIZE_ERR異常。startTime屬性來的開始時(shí)間，通常為0。duration屬性來文件總的時(shí)間。currentTime、startTime、duration屬性的值為時(shí)間，單位為played、paused、played屬性可以返回一個(gè)TimeRange對(duì)象，該對(duì)象中可以文件已經(jīng)部分的時(shí)間段。該時(shí)間段的開始時(shí)間為已部分的開始時(shí)間，結(jié)束時(shí)間為已部分的結(jié)束時(shí)間。paused屬性可以返回一個(gè)布爾值，表示是否處于暫停狀態(tài)表示完畢，false表示沒有完畢。played、pause、ended屬性值均為只讀屬性defaultPlaybackRate、元素介紹defaultPlaybackRate屬性或修改默認(rèn)的速率playbackRate屬性或修改當(dāng)前的速率volume、元素介紹音，1為最大音量。表示處于靜音狀態(tài)，false表示處于非靜音狀四、和audio的方法audio素具有四種方法。使用play方法來，自動(dòng)將元素的paused值變?yōu)閒alse使用pause方法來暫停，自動(dòng)將元素的paused值變?yōu)閠rue使用load方法來重新載入進(jìn)行，自動(dòng)將元素的playbackRatedefaultPlaybackRate性的值，自動(dòng)將元素的error的值變?yōu)閚ull。元素介紹varsupportTypeInfo varsupportTypeInfo 可以在指定的字符串中加上表示編碼格式的codes參數(shù)。該方法返3個(gè)可能空字符串：表示瀏覽器不支持此種類型maybe：表示瀏覽器可能支持此種類型probably：表示瀏覽器確定支持此種類型9-器<!doctype <style}}}}%;height:20px;} <div Player"width="552"><div <div<div <div<buttonid="btnPlay"onclick="PlayOrPause()"" "作

<buttonid="btnMute"onclick="setMute()"disabled/>靜音<buttonid="btnVolumeUp"onclick="VolumeUp()" <divvarspeed=1;varvolume=1; varshowTime= { }function{varerror= {case case casecase4:的或 }}function{varbtnPlay= varbuttonDiv= }function{ {}}{}{var }function { var }function{ varprogress=.ge progress.value= var progressValue.style.width= }function{varhour;varminute;varif(hour.length== ='0'+if(minute.length== if(second.length==1) returnhour+":"+minute+":"+second;}function{ }function{}function{{}}function{ =*/}function{=*=* }function{ }function{varbtnSlowPlay= { }{ } }function{ { }{ } }function{ }function{ }}五、和audio的事事件處理方使用元素或audio元素或