Maison >interface Web >Tutoriel H5 >Renvoie la propriété mise en mémoire tampon de l'objet TimeRanges en html5

Renvoie la propriété mise en mémoire tampon de l'objet TimeRanges en html5

黄舟
黄舟original
2017-11-08 09:38:124195parcourir

Instance

Obtenez la première plage de tampon (partie) de la vidéo , en secondes :

myVid=document.getElementById("video1");
alert("Start: " + myVid.buffered.start(0)
+ " End: " + myVid.buffered.end(0));

Définition et utilisation

tamponnée propriété renvoie TimeRanges objet .

L'objet TimeRanges représente la plage de mise en mémoire tampon audio et vidéo de l'utilisateur.

La plage de mise en mémoire tampon fait référence à la plage de temps de l'audio et de la vidéo mis en mémoire tampon. Si l'utilisateur saute la lecture audio et vidéo, il obtiendra plusieurs plages de tampon.

Prise en charge des navigateurs

Tous les principaux navigateurs prennent en charge l'attribut buffered.

Remarque : Cet attribut n'est pas pris en charge dans Internet Explorer 8 ou les navigateurs antérieurs.

Syntaxe

audio|video.buffered
Valeur Description
Objet TimeRanges
描述
TimeRanges 对象

表示音视频的已缓冲部分。

TimeRanges 对象属性:

  • length - 获得音视频中已缓冲范围的数量

  • start(index) - 获得某个已缓冲范围的开始位置

  • end(index) - 获得某个已缓冲范围的结束位置

注释:首个缓冲范围的下表是 0。

indique la partie mise en mémoire tampon de l'audio et de la vidéo.

Propriétés de l'objet TimeRanges :

  • length - Obtenez l'audio et la vidéo content Nombre de plages tamponnées
    <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>
  • start(index) - Obtient la position de départ d'une plage tamponnée

  • end(index) - Obtient La position finale d'une plage tamponnée
Remarque : La première plage tamponnée est 0.
Exemple 1 : mis en mémoire tampon dans l'audioLe tampon de l'audio n'a qu'un seul segment, la position de départ étant 0 et la fin position pour timeRange.end(0)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn