資訊專欄INFORMATION COLUMN
摘要：前言在利用元素或元素讀取或播放媒體數(shù)據(jù)時，會觸發(fā)一系列事件，如果用腳本來捕抓這些事件，就可以對著這些事件進(jìn)行處理了。捕抓的方式有兩種第一種是監(jiān)聽的方式。
前言
在利用video元素或audio元素讀取或播放媒體數(shù)據(jù)時，會觸發(fā)一系列事件，如果用js腳本來捕抓這些事件，就可以對著這些事件進(jìn)行處理了。
捕抓的方式有兩種：
第一種是監(jiān)聽的方式。使用vedio或audio元素的addEventListener方法來對事件進(jìn)行監(jiān)聽，該方法可以定義如下：
vedioElement.addEventListener("error",function(){},false);
第二種是 采用獲取事件句柄方式，如下：
事件介紹function toPlay(){ ... };
| 事件類型 | 描述 |
|---|---|
| loadstart | 瀏覽器開始在網(wǎng)上尋找媒體數(shù)據(jù) |
| progress | 瀏覽器正在獲取媒體數(shù)據(jù) |
| suspend | 瀏覽器暫停獲取媒體數(shù)據(jù)，但是下載過程并沒有正常結(jié)束 |
| abort | 瀏覽器下載完全部媒體數(shù)據(jù)之前中止獲取媒體數(shù)據(jù)，但并不是下載錯誤引起的 |
| error | 獲取媒體數(shù)據(jù)的過程中出錯 |
| stalled | 瀏覽器嘗試獲取數(shù)據(jù)失敗 |
| play | 即將開始播放，當(dāng)執(zhí)行了play方法時觸發(fā)，或數(shù)據(jù)下載后元素被設(shè)置為autoplay屬性 |
| pause | 播放暫停，當(dāng)執(zhí)行了pause方法時觸發(fā) |
| loadedmetadata | 瀏覽器獲取完媒體的時長和字節(jié)數(shù) |
| loadeddata | 瀏覽器已加載完當(dāng)前播放位置的媒體數(shù)據(jù)，準(zhǔn)備播放 |
| waiting | 播放過程由于得不到下一幀而暫停播放（如下一幀尚未加載完），但很快就能夠得到下一幀 |
| playing | 正在播放 |
| canplay | 瀏覽器能夠播放媒體，但估計以當(dāng)前播放速率不能直接將媒體播放完，播放期間需要緩沖 |
| canplaythrough | 瀏覽器可以播放媒體，而且以當(dāng)前播放速率能夠?qū)⒚襟w播放完，不再需要進(jìn)行緩沖 |
| seeking | seeking屬性變?yōu)閠rue,表明瀏覽器正在請求數(shù)據(jù) |
| seeked | seeking屬性變?yōu)閒alse,表示瀏覽器停止請求數(shù)據(jù) |
| timeupdate | 當(dāng)前播放位置發(fā)生改變，可能是播放過程中的自然改變，也可能是人為的改變，或由于播放不能連續(xù)而發(fā)生的跳變 |
| ended | 播放結(jié)束后停止播放 |
| ratechange | defaulplaybackRate屬性（默認(rèn)播放速率）或playbackRate屬性（當(dāng)前播放速率）發(fā)生改變 |
| durationchange | 播放時長發(fā)生改變 |
| volumechange | volume屬性（音量）發(fā)生改變或muted屬性（靜音狀態(tài)）發(fā)生改變 |
demo
參考鏈接
http://www.runoob.com/jsref/d...
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/82271.html
摘要：事件除了大量屬性之外，這兩個媒體元素還可以觸發(fā)很多事件。下表列出了媒體元素相關(guān)的事件。這兩個媒體元素都有一個方法，該方法接收一種格式編解碼器字符串，返回或空字符串。 audio和video元素的用法如下： 不支持音頻 不支持視頻 因?yàn)椴⒎撬袨g覽器都支持所有媒體格式，所以可以指定多個不同的媒體來源。為此，不用在標(biāo)簽中指定src屬性，而是要像下面這樣使用一或多個元素。 ...
摘要：尤其是喬布斯在年發(fā)布的一篇的文章。喬布斯在里面寫下了關(guān)于的一點(diǎn)看法，說明自己為什么不使用，談到關(guān)于的一些問題，比如開放性，安全性，對于設(shè)備續(xù)航的影響，不利于觸摸屏，等等。終于，于年月日，爸爸也放棄治療了，宣布將于年正式退休。 今天為大家分享一下html5中的視頻（video）與音頻（audio）。在進(jìn)入主題之前我們先了解一下Flash與html5這兩種技術(shù)的時代背景與發(fā)展歷史。 1.前...
摘要：尤其是喬布斯在年發(fā)布的一篇的文章。喬布斯在里面寫下了關(guān)于的一點(diǎn)看法，說明自己為什么不使用，談到關(guān)于的一些問題，比如開放性，安全性，對于設(shè)備續(xù)航的影響，不利于觸摸屏，等等。終于，于年月日，爸爸也放棄治療了，宣布將于年正式退休。 今天為大家分享一下html5中的視頻（video）與音頻（audio）。在進(jìn)入主題之前我們先了解一下Flash與html5這兩種技術(shù)的時代背景與發(fā)展歷史。 1.前...
閱讀 1755·2021-09-22 15:25
閱讀 1316·2019-08-29 12:34
閱讀 1922·2019-08-26 13:57
閱讀 3198·2019-08-26 10:48
閱讀 1454·2019-08-26 10:45
閱讀 800·2019-08-23 18:23
閱讀 743·2019-08-23 18:01
閱讀 1954·2019-08-23 16:07
