Récemment, j'écris un lecteur personnalisé. Avant d'écrire, nous devons passer en revue toutes les propriétés et méthodes du joueur. Ce n'est qu'en connaissant nos ennemis et nous-mêmes que nous pourrons mener une centaine de batailles... Plus tard, nous en discuterons. le lecteur que nous avons écrit et quelques pièges que nous avons rencontrés. Téléchargez-le également.
Attributs en ligne de la balise vidéoIl devrait y en avoir d'autres... mais je ne les ai pas encore utilisés. Vous pouvez consulter la documentation MDN.
Propriétés et méthodes de l'objet vidéo1. Statut d'erreur
$video.error; //null : normal $video.error.code; //1. Terminaison de l'utilisateur 2. Erreur réseau 3. Erreur de décodage 4. URL invalide.
2. Attributs d'état du réseau (certains sont plus couramment utilisés)
$video.currentSrc; //Renvoyer l'URL de la ressource actuelle $video.src = value; //Renvoyer ou définir l'URL de la ressource actuelle $video.canPlayType(type); //Si les ressources dans un certain format peuvent être joué $video.networkState ; //0. Cet élément n'est pas initialisé 1. Normal mais n'utilise pas le réseau 2. Les données sont en cours de téléchargement 3. Aucune ressource trouvée $video.load( //Recharge la ressource spécifiée par src $); vidéo.buffered; //Retour à la zone tampon, $video.buffered.end(0) récupère le dernier instant des données $video.preload; //aucun : ne pas précharger les métadonnées : précharger les informations sur les ressources auto :
3. État prêt
$video.readyState; //1:HAVE_NOTHING 2:HAVE_METADATA 3.HAVE_CURRENT_DATA 4.HAVE_FUTURE_DATA 5.HAVE_ENOUGH_DATA $video.seeking;
4. Statut de lecture (couramment utilisé)
$video.currentTime = value; //La position de lecture actuelle, l'affectation peut changer la position $video.duration; //Le flux de longueur de ressource actuel renvoie une valeur infinie $video.paused; //S'il faut mettre en pause $video.defaultPlaybackRate = value; //Par défaut La vitesse de lecture peut être définie $video.playbackRate = value; //La vitesse de lecture actuelle sera modifiée immédiatement après la configuration $video.seekable; //Retour à la zone de recherche $video.ended //S'il faut terminer ; $video.autoPlay; //S'il faut lire automatiquement $video.loop; //S'il faut boucler $video.play( //Lecture $video.pause();
5.Contrôle
$video.controls;//S'il existe une barre de contrôle par défaut $video.volume = value; //Volume $video.muted = value; //Méthode d'événement vidéo muet (généralement ajoutée *) loadstart //Le client commence à demander data *progress //Le client demande la suspension des données //Abandon du téléchargement retardé //Le client termine activement le téléchargement (non provoqué par une erreur), *erreur //Une erreur a été rencontrée lors de la demande de données bloquée //Vitesse du réseau bloquée * play //play () et déclencheur de lecture automatique *pause au démarrage de la lecture //pause() déclenche les métadonnées chargées //Obtient avec succès la longueur de la ressource *en attente //Attente de données, pas d'erreur *lecture //Démarrer la lecture canplay //Peut être joué, mais peut être mis en pause en raison du chargement au milieu *canplaythrough // Peut jouer en recherchant // Recherché pendant la recherche de ressources // Recherche de ressources terminée *timeupdate // Temps de lecture modifié *terminé // Lecture terminée ratechange // Taux de lecture modifié durationchange // Longueur de la ressource modifiée *volumechange // Volume modifié
Fondamentalement, le code du lecteur personnalisé est écrit sur la base de cette API et de ces attributs, ce qui vous permettra de vérifier plus tard....
Ce qui précède représente l’intégralité du contenu de cet article. J’espère qu’il sera utile à l’étude de chacun. J’espère également que tout le monde soutiendra le réseau VeVb Wulin.