資訊專欄INFORMATION COLUMN
摘要：之前，在網(wǎng)頁中實現(xiàn)音頻和視頻的播放功能需要借助第三方插件，如來實現(xiàn)。而在中，提供了和元素，使用起來更加方便。
AudioHTML5之前，在網(wǎng)頁中實現(xiàn)音頻和視頻的播放功能需要借助第三方插件，如Adobe Flash來實現(xiàn)。而在HTML5中，提供了audio和video元素，使用起來更加方便。
Audio元素
方法一： 方法二：
創(chuàng)建Audio對象
方法一：
var audio = new Audio();
方法二：
var audio = document.createElement("audio");
訪問Audio對象
var audio = document.getElementById("music-audio");
| 屬性 | 描述 |
|---|---|
| duration | 音頻的長度（以秒計） |
| ended | 音頻的播放是否已結(jié)束 |
| error | 表示音頻錯誤狀態(tài)的 MediaError 對象 |
| loop | 設(shè)置或返回音頻是否應(yīng)在結(jié)束時再次播放 |
| paused | 設(shè)置或返回音頻是否暫停 |
| played | 返回表示音頻已播放部分的 TimeRanges 對象 |
| preload | 設(shè)置或返回音頻的 preload 屬性的值 |
| volume | 設(shè)置或返回音頻的音量 |
| muted | 設(shè)置或返回是否關(guān)閉聲音 |
| 方法 | 描述 |
|---|---|
| play() | 開始播放音頻 |
| pause() | 暫停當(dāng)前播放的音頻 |
音頻支持類型：.acc, .mp3, .ogg, .wav, .webm
preload 預(yù)加載
● auto - 當(dāng)頁面加載后載入整個音頻
● metadata - 當(dāng)頁面加載后只載入元數(shù)據(jù)
● none - 當(dāng)頁面加載后不載入音頻
Video
Video元素
方法一： 方法二：
創(chuàng)建Video對象
var video = document.createElement("video");
訪問Video對象
var video = document.getElementById("movie-video");
| 屬性 | 描述 |
|---|---|
| width | 設(shè)置視頻播放器的寬度 |
| height | 設(shè)置視頻播放器的高度 |
| duration | 視頻的長度（以秒計） |
| ended | 視頻的播放是否已結(jié)束 |
| error | 表示視頻錯誤狀態(tài)的 MediaError 對象 |
| loop | 設(shè)置或返回視頻是否應(yīng)在結(jié)束時再次播放 |
| paused | 設(shè)置或返回視頻是否暫停 |
| played | 返回表示視頻已播放部分的 TimeRanges 對象 |
| preload | 設(shè)置或返回視頻的 preload 屬性的值 |
| muted | 設(shè)置或返回是否關(guān)閉聲音 |
| poster | 規(guī)定視頻下載時顯示的圖像，或者在用戶點擊播放按鈕前顯示的圖像 |
| 方法 | 描述 |
|---|---|
| play() | 開始播放視頻 |
| pause() | 暫停當(dāng)前播放的視頻 |
preload 預(yù)加載
● auto - 當(dāng)頁面加載后載入整個視頻
● metadata - 當(dāng)頁面加載后只載入元數(shù)據(jù)
● none - 當(dāng)頁面加載后不載入視頻
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/82484.html
摘要：之前，在網(wǎng)頁中實現(xiàn)音頻和視頻的播放功能需要借助第三方插件，如來實現(xiàn)。而在中，提供了和元素，使用起來更加方便。 HTML5之前，在網(wǎng)頁中實現(xiàn)音頻和視頻的播放功能需要借助第三方插件，如Adobe Flash來實現(xiàn)。而在HTML5中，提供了audio和video元素，使用起來更加方便。 Audio Audio元素 方法一： music audio 方法二： music audio ...
摘要：初始化的過程上一篇其實并未完全分析完，這回接著來。層的函數(shù)中，最后還有的調(diào)用，走的是層的。結(jié)構(gòu)體如下的和，以及，其余是狀態(tài)及的內(nèi)容。整個過程是個異步的過程，并不阻塞。至于的東西，都是在層創(chuàng)建并填充的。 初始化的過程上一篇其實并未完全分析完，這回接著來。java層的initPlayer函數(shù)中，最后還有native_setup的調(diào)用，走的是c層的IjkMediaPlayer_native_...
摘要：的兼容性問題，先來個五顏六色的圖看看在哪里問題描述的安全機(jī)制，系統(tǒng)自帶瀏覽器不能自動播放嘗試方案回調(diào)中執(zhí)行等定時器回調(diào)執(zhí)行回調(diào)借用，如微信的監(jiān)聽事件，進(jìn)行體驗不好分析所以猜測如果限制引擎層判斷是否是隊列，中回調(diào)之類。。。 【1】audio autoplay的兼容性問題，先來個五顏六色的圖看看Audio在哪里？showImg(https://segmentfault.com/img/bV...
閱讀 3026·2020-01-08 12:17
閱讀 2000·2019-08-30 15:54
閱讀 1157·2019-08-30 15:52
閱讀 2043·2019-08-29 17:18
閱讀 1053·2019-08-29 15:34
閱讀 2466·2019-08-27 10:58
閱讀 1868·2019-08-26 12:24
閱讀 377·2019-08-23 18:23
