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

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!

Étiquettes associées：
h5 html5
source：php.cn
Article précédent：En HTML5, définissez ou renvoyez l'attribut de lecture automatique indiquant si la lecture audio et vidéo commencera après le chargement. Article suivant：Renvoie le contrôleur d'attribut du contrôleur multimédia actuel de l'audio et de la vidéo en html5
Déclaration de ce site Web
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
Derniers articles par auteur
• Matériel vidéo sur la création de votre propre framework PHP à partir de zéro
  2023-03-15 16:54:01
• Exemple d'analyse de la façon dont PHPMailer utilise la boîte aux lettres QQ pour compléter la fonction d'envoi d'e-mails
  2023-03-15 12:26:02
• Introduction à la façon de recevoir des e-mails en IMAP en php
  2023-03-14 18:58:01
• Exemple de mise en œuvre rapide de la déduplication de tableau en PHP
  2023-03-14 11:30:01
• Résumé de l'utilisation de tous les attributs de la balise en html
  1970-01-01 08:00:00
• Résumé des connaissances de base de PHP (nécessaire aux débutants pour débuter)
  2023-03-16 15:20:01
• Introduction à l'utilisation de typeof en JavaScript
  1970-01-01 08:00:00
• Introduction à l'utilisation de la méthode confirm() en JavaScript
  1970-01-01 08:00:00
• HTML5 Placeholder属性的详情介绍
  1970-01-01 08:00:00
• Comment implémenter la sélection unique, la sélection multiple et la sélection inversée dans les formulaires dans ReactJS
  1970-01-01 08:00:00
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
2
1371
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
9
1463
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1295
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1186
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1264
Rubriques connexes
Plus>
• qu'est-ce que h5
• Quelles sont les méthodes de production de production d'animation html5 ?
• La différence entre HTML et HTML5
• Comment implémenter h5 pour glisser vers le haut et charger la page suivante côté Web
• Que se passe-t-il lorsque le logiciel plante ?
• Tutoriel sur l'ajustement de l'espacement des lignes dans les documents Word
• Comment ouvrir des fichiers HTML
• Comment revenir à la page d'accueil en HTML
Recommandations populaires
• qu'est-ce que h5
• Comment créer une page h5 si vous ne comprenez pas le code ? Plateforme de production de pages H5 recommandée
• Quelles sont les nouvelles fonctionnalités de html5
• Qu'est-ce que la production de pages h5
• Quelle est la différence entre le programme h5 et le mini ?
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
• 
  Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)

  1403241
• 
  Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine

  4231403
• 
  Tutoriel vidéo JAVA pour débutants

  2418891
• 
  Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle

  498265
• 
  Tutoriel d'introduction PHP base zéro

  834045
• 
  Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)

  1403241 temps d'étude
• 
  Tutoriel vidéo JAVA pour débutants

  2418891 temps d'étude
• 
  Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle

  498265 temps d'étude
• 
  Introduction rapide au développement web front-end

  214185 temps d'étude
• 
  Maîtrisez les didacticiels vidéo PS à partir de zéro

  858984 temps d'étude
• 
  [Web front-end] Démarrage rapide de Node.js

  4680 temps d'étude
• 
  Collection complète de cours full-stack de développement Web étranger

  3625 temps d'étude
• 
  Aller au langage pratique GraphQL

  3116 temps d'étude
• 
  Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape

  560 temps d'étude
• 
  Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures

  16106 temps d'étude
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
• [bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery
• [Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3
• [Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5
• [bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery
• [Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS
• [effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique
• [Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image
• [Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3
• [Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure
• [Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches
• [Modèle frontal] Modèle Web de CV de travail créatif de concepteur
• [Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne
• [Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs
• [Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne
• [Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet
• [Modèle frontal] Modèle de site Web de service de trading de devises de style violet
• [PNG素材] 可爱的夏天元素矢量素材(EPS+PNG)
• [PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)
• [banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)
• [PNG素材] 金色的毕业帽矢量素材(EPS+PNG)
• [PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG)
• [PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)
• [banner图] 扁平风格的植树节banner矢量素材(AI+EPS)
• [PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)
• [Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure
• [Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches
• [Modèle frontal] Modèle Web de CV de travail créatif de concepteur
• [Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne
• [Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs
• [Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne
• [Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet
• [Modèle frontal] Modèle de site Web de service de trading de devises de style violet

À propos de nous Clause de non-responsabilité Sitemap

Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！