media網(wǎng)頁設(shè)計與網(wǎng)站講稿中醫(yī)學(xué)院互聯(lián)網(wǎng)應(yīng)用技術(shù)

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