Étapes de mise en œuvre vidéo et audio HTML5

Nous savons que les composants des formats vidéo courants sont : les formats d'image, audio et d'encodage. Les formats audio courants incluent l'encodage audio : ACC, MP3 et Vorbis. En HTML5, il existe trois formats vidéo pris en charge. à propos de la Vidéo HTML5Étapes de mise en œuvre audio

Formats vidéo pris en charge par HTML5 :

Fichier Ogg=Ogg avec encodage vidéo Theora + encodage audio Vorbis

Navigateurs pris en charge : F, C, O

MEPG4 = fichier MPEG4 avec encodage vidéo H.264 + encodage audio AAC

Navigateurs pris en charge : S, C

WebM=format WebM avec vidéo VP8 encodage + encodage audio Vorbis

Navigateurs pris en charge : I, F, C, O

Attribut vidéo

Lecture automatique Vidéo prête à être lue automatiquement

contrôles Afficher les contrôles de lecture à l'utilisateur

Largeur Définir la largeur du lecteur

Hauteur Définir la hauteur du lecteur

Boucle                                                                                                                                                                                                                                                                                    S'il faut continuer la lecture de la vidéo, lecture en boucle. 🎜>

Autobuffer défini sur le mode de mise en mémoire tampon du navigateur, il n'est valide que si l'autoply n'est pas défini

Méthode API vidéo

play()

pause()

load()

Plein écran : webkit element.webkitRequestFullScreen();

Firefox element.mozRequestFullScreen();

W3C element.requestFullscreen( );

Quitter le plein écran :

webkit

document

.webkitCancelFullScreen();

Firefox document.mozCancelFullScreen();

                                                                                                                                             document.exitFullscreen ();

Propriétés de l'API vidéo

currentTime : L'heure entre le début et l'heure actuelle de la lecture

duration : Durée totale du média (lecture seule)

volume : valeur de volume relatif de 0,0 à 1,0

muet : s'il faut couper le son faux / vrai

pause : indique si le média est en pause (lecture seule)

terminé : Si le média a été lu (lecture seule)

error : Lorsqu'une erreur se produit dans le média, le code d'erreur est renvoyé (lecture seule)

currentSrc : L'adresse du média est renvoyé sous la forme de

string

(lecture seule)

loadstart progress suspend EmpTied Stalled Play Pause LoadedMetAdata Loadeddata Waiting Playing Canplay CANPLAYROUGHROUGH SEEKING SEEKED

Timeupdate Ended RateChaange Durati Onchange

VolumeChange HTML5 prend en charge le format audio :

OGG gratuit Navigateurs pris en charge : C, F, O

MP3 Payant Navigateurs pris en charge : I, C, SWav Paid Navigateurs pris en charge : F, O, S

Attributs audio

lecture automatique Lecture automatique

commandes Afficher les commandes de lecture à l'utilisateur

boucle Boucle

préchargement S'il faut attendre que le chargement soit terminé avant de jouer

src L'URL de l'audio à lire.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Js Obtenez des moyens courants d'obtenir des styles

Js Le processus d'exploitation des objets DOM

Les étapes de mise en œuvre des objets de fenêtre d'exploitation Js

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!