首頁  >  文章  >  web前端  >  html5中 media(播放器)的api使用指南_html5教學技巧

html5中 media(播放器)的api使用指南_html5教學技巧

WBOY
WBOY原創
2016-05-16 15:46:561783瀏覽

直接奉上範例程式碼,廢話就不多說了。


複製程式碼
程式碼如下:





HTML Audio API





HTML5 音訊API


HTML5 音訊API 演示,作者:http://github.com/LearnShare" target="_blank">LearnShare.



最後更新@2013-04-23 20:40:00
新增資訊表
update @2013-04-22 14:54:00
新增DOM 事件
update @ 2013-04-22 12:47:00
新增getCurrentSrc 按鈕


檢視程式碼http ://github.com/LearnShare/LearnShare.github.io/tree/master/labs/audio/” target ="_blank">LearnShare.github.io。
API 參考:https://developer.mozilla.org/ zh-CN /docs/DOM/HTMLMediaElement" target="_blank">HTMLMediaElement;和http://www.w3schools.com/tags/ref_av_dom.asp ” target="_blank">音訊/視訊DOM 引用





音訊元素

;開啟開發者工具查看控制台日誌。




控制





音量-
音量
getVolume


getSrc
playMusic1
playMusic2
removeMusic
getCurrentSrc


> ">getInitialTime
getDuration
getSeeking
jumpTo_30s
getCurrentTime
getPlayed



autoplay_off
getAutoplay


controls_show
controls_hide
getControls按鈕>


loop_on
loop_off
getLoop


preload_metadata
getPreload< ;/按鈕>


getDefaultMulated按鈕>
靜音按鈕>
取消靜音
getMulated


getDefaultPlaybackRate按鈕>
播放速率-按鈕>
播放速率按鈕>
getPlaybackRate 按鈕>


getNetworkState
getReadyState
getBuffered



陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn