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