> 웹 프론트엔드 > H5 튜토리얼 > html5에서 TimeRanges 객체의 버퍼링된 속성을 반환합니다.

html5에서 TimeRanges 객체의 버퍼링된 속성을 반환합니다.

黄舟
풀어 주다: 2017-11-08 09:38:12
원래의
4163명이 탐색했습니다.

video의 첫 번째 세그먼트의 버퍼링된 범위(일부)를 초 단위로 가져옵니다.

myVid=document.getElementById("video1");
alert("Start: " + myVid.buffered.start(0)
+ " End: " + myVid.buffered.end(0));
로그인 후 복사

정의 및 사용법

buffered PropertyTimeRanges object를 반환합니다.

TimeRanges 개체는 사용자의 오디오 및 비디오 버퍼링 범위를 나타냅니다.

버퍼링 범위는 버퍼링된 오디오 및 비디오의 시간 범위를 나타냅니다. 사용자가 오디오 및 비디오 재생을 건너뛰면 여러 버퍼 범위를 얻게 됩니다.

브라우저 지원

모든 주요 브라우저는 버퍼링 속성을 지원합니다.

참고: 이 속성은 Internet Explorer 8 이하 브라우저에서는 지원되지 않습니다.

Syntax

audio|video.buffered
로그인 후 복사
ValueDescription
TimeRanges object

은 오디오 및 비디오의 버퍼링된 부분을 나타냅니다.

TimeRanges 개체 속성:

  • length - 오디오 및 비디오의 버퍼링된 범위 수를 가져옵니다.

  • start(index) - 버퍼링된 범위의 시작 위치 가져오기

  • end(index) - 특정 버퍼링된 범위의 끝 위치

참고: 아래 표의 첫 번째 버퍼링된 범위는 0입니다.

예 1: audio에 버퍼링

Audio의 캐시에는 세그먼트가 하나만 있고 시작 위치는 0이고 종료 위치는 timeRange.end(0)

<audio id="myAudio"></audio>
<script>
    var myAudio = document.getElementById(&#39;myAudio&#39;);
    myAudio.preload = true;
    myAudio.autoplay = true;
    myAudio.src = &#39;../content/audio/海阔天空.mp3&#39;;
    myAudio.onplay = function () {
        console.info("开始播放");
    }
    myAudio.oncanplay = function () {
        console.info(&#39;进入可以播放状态&#39;);
        console.info(&#39;总长度:&#39; + myAudio.duration);
    }
    //加载状态监听
    myAudio.ontimeupdate = function (e) {
        /*
        * Audio的缓存只有一个分段,开始位置为0,结束位置为timeRange.end(0)
        */
        //console.info(myAudio.buffered);
        //console.info(myAudio.buffered.length);
        // console.info(&#39;start:&#39;+myAudio.buffered.start(0)+&#39;,end:&#39;+myAudio.buffered.end(0));
        var timeRange = myAudio.buffered;
        console.info(timeRange);
        console.info(&#39;start:&#39; + timeRange.start(0) + &#39;,end:&#39; + timeRange.end(0));
    }
</script>
로그인 후 복사


입니다.

위 내용은 html5에서 TimeRanges 객체의 버퍼링된 속성을 반환합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿