video_all

by iamya

HTML

<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
</head>
<body>
<audio src="http://f10.wretch.yimg.com/qwer621900/1/1739549748.mp3" controls id="player"></audio>
<div id="panel"></div>
</body>
</html>
<script>
(function(window, undefined) {
    var player = document.getElementById('player'),
    map = ['error','src','currentSrc','networkState','readyState','preload','buffered','played','seekable','seeking','currentTime','startTime','duration','paused','defaultPlaybackRate','playbackRate','ended','autoplay','loop','controls','volume','muted'];
    window.setInterval(function(){
        var str = '';
        for(var i=0, j=map.length; i<j; i++) {
            if(player[map[i]]!==null && player[map[i]].toString().indexOf('TimeRanges')>-1) {
                if(player[map[i]].length > 0) {
                    str += map[i] + ' : ' + '<div style="border: dotted 1px #336699">\n';
                    for(var m=0,n=player[map[i]].length; m<n; m++) {
                        str += 'timerange['+m+']: {start:'+player[map[i]].start(m) +',end:'+ player[map[i]].end(m)+'}<br>\n';
                    }
                    str += '</div>';
                } else {
                    str += 'nothing<br>\n';
                }
            } else {
                str += map[i] + ' : ' + player[map[i]] + '<br>\n';
            }
        }
        document.getElementById('panel').innerHTML = str;
    }, 1000);
})(window);
</script>

JavaScript

/*
DEMO是Audio和Video的一些屬性，
Audio和Video的屬性有非常多，一共有29個就不逐一介紹了

error 傳回目前的錯誤狀態，如果沒有錯誤，傳回null
src 傳回media的URL
currentSrc 傳回目前media的URL
networkState 傳回media的網路狀態。
readyState 傳回目前media的準備狀態。回傳Number。
preload 設置或傳回頁面加載時是否同時加載media
buffered傳回緩衝時間。(TimeRanges Object)
played 傳回已載入播放的時間。(TimeRanges Object)
seekable 傳回可跳轉的時間範圍。(TimeRanges Object)
seeking 傳回用戶是否正在media查找。回傳Boolean。
currentTime 設置或傳回目前播放的時間位置(單位:秒) 
duration 傳回文件的總播放時間(長度)
paused 傳回目前media是否被暫停。回傳Boolean。
defaultPlaybackRate 預設置或傳回media播放倍速
playbackRate 播放時，可在media播放期間設定倍速
defaultMuted 設置或傳回預設是否為靜音
muted 設置或傳回是否為靜音
volume 傳回目前的音量值。回傳浮點數。
ended 傳回是否已經播放完成。回傳Boolean。
loop 設置或傳回是否循環播放。
mediaGroup 設置或傳回目前media群組名稱。
*/