Native Audio and Native Video

malakashi 發布于2019-08-01 16:39 / 3323人閱讀

摘要：之前，在網頁中實現音頻和視頻的播放功能需要借助第三方插件，如來實現。而在中，提供了和元素，使用起來更加方便。

HTML5之前，在網頁中實現音頻和視頻的播放功能需要借助第三方插件，如Adobe Flash來實現。而在HTML5中，提供了audio和video元素，使用起來更加方便。

Audio

Audio元素

方法一：

方法二：

創建Audio對象

方法一：
var audio = new Audio();
方法二：
var audio = document.createElement("audio");

訪問Audio對象


var audio = document.getElementById("music-audio");

屬性	描述
duration	音頻的長度（以秒計）
ended	音頻的播放是否已結束
error	表示音頻錯誤狀態的 MediaError 對象
loop	設置或返回音頻是否應在結束時再次播放
paused	設置或返回音頻是否暫停
played	返回表示音頻已播放部分的 TimeRanges 對象
preload	設置或返回音頻的 preload 屬性的值
volume	設置或返回音頻的音量
muted	設置或返回是否關閉聲音

方法	描述
play()	開始播放音頻
pause()	暫停當前播放的音頻

音頻支持類型：.acc, .mp3, .ogg, .wav, .webm
preload 預加載
    ● auto - 當頁面加載后載入整個音頻
    ● metadata - 當頁面加載后只載入元數據
    ● none - 當頁面加載后不載入音頻

Video

Video元素

方法一：

方法二：

創建Video對象

var video = document.createElement("video");

訪問Video對象


var video = document.getElementById("movie-video");

屬性	描述
width	設置視頻播放器的寬度
height	設置視頻播放器的高度
duration	視頻的長度（以秒計）
ended	視頻的播放是否已結束
error	表示視頻錯誤狀態的 MediaError 對象
loop	設置或返回視頻是否應在結束時再次播放
paused	設置或返回視頻是否暫停
played	返回表示視頻已播放部分的 TimeRanges 對象
preload	設置或返回視頻的 preload 屬性的值
muted	設置或返回是否關閉聲音
poster	規定視頻下載時顯示的圖像，或者在用戶點擊播放按鈕前顯示的圖像

方法	描述
play()	開始播放視頻
pause()	暫停當前播放的視頻

preload 預加載
    ● auto - 當頁面加載后載入整個視頻
    ● metadata - 當頁面加載后只載入元數據
    ● none - 當頁面加載后不載入視頻

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50659.html

Native Audio and Native Video

摘要：之前，在網頁中實現音頻和視頻的播放功能需要借助第三方插件，如來實現。而在中，提供了和元素，使用起來更加方便。 HTML5之前，在網頁中實現音頻和視頻的播放功能需要借助第三方插件，如Adobe Flash來實現。而在HTML5中，提供了audio和video元素，使用起來更加方便。 Audio Audio元素方法一： music audio 方法二： music audio ...

rollback 2019-08-20 15:46 評論0 收藏0
android ijkplayer c層分析-初始化(續1 java層與c層銜接)

摘要：初始化的過程上一篇其實并未完全分析完，這回接著來。層的函數中，最后還有的調用，走的是層的。結構體如下的和，以及，其余是狀態及的內容。整個過程是個異步的過程，并不阻塞。至于的東西，都是在層創建并填充的。初始化的過程上一篇其實并未完全分析完，這回接著來。java層的initPlayer函數中，最后還有native_setup的調用，走的是c層的IjkMediaPlayer_native_...

Olivia 2019-08-14 17:40 評論0 收藏0
audio/video 在ios兼容性問題總結

摘要：的兼容性問題，先來個五顏六色的圖看看在哪里問題描述的安全機制，系統自帶瀏覽器不能自動播放嘗試方案回調中執行等定時器回調執行回調借用，如微信的監聽事件，進行體驗不好分析所以猜測如果限制引擎層判斷是否是隊列，中回調之類。。。【1】audio autoplay的兼容性問題，先來個五顏六色的圖看看Audio在哪里？showImg(https://segmentfault.com/img/bV...

ACb0y 2019-08-21 17:40 評論0 收藏0