Schritte zur Implementierung von HTML5-Video und -Audio

Wir wissen, dass die Komponenten gängiger Videoformate sind: Bild, Audio, Kodierungsformat. Zu den gängigen Audioformaten gehören: ACC, MP3, Vorbis. In HTML5 gibt es drei unterstützte Videoformate 🎜>HTML5-VideoAudio-Implementierungsschritte

HTML5-unterstützte Videoformate:

Ogg=Ogg-Datei mit Theora-Videokodierung + Vorbis-Audiokodierung

Unterstützte Browser: F, C, O

MEPG4 = MPEG4-Datei mit H.264-Videokodierung + AAC-Audiokodierung

Unterstützte Browser: S, C

WebM=WebM-Format mit VP8-Videokodierung + Vorbis-Audiokodierung

Unterstützte Browser: I, F, C, O

Videoattribut

AutoplayVideo kann automatisch abgespielt werden

Steuerelemente Dem Benutzer Wiedergabesteuerelemente anzeigen

Breite Player-Breite festlegen

Höhe Player-Höhe festlegen

Schleife                                                                                                                                                                                                                                                                                                         

Autobuffer Auf Browser-Puffermodus eingestellt, ist nur gültig, wenn Autoply nicht eingestellt ist

Video-API-Methode

play()

pause()

load( )

Vollbild: webkit element.webkitRequestFullScreen();

Firefox element.mozRequestFullScreen();

W3C element.requestFullscreen( );

Vollbild beenden:

webkit

document

.webkitCancelFullScreen();

Firefox document.mozCancelFullScreen();

                                                                                                                                                  document.exitFullscreen() ;

Video-API-EigenschaftencurrentTime: Die Zeit vom Start bis zum aktuellen Zeitpunkt der Wiedergabe

Dauer: Gesamte Medienzeit (schreibgeschützt)

Volume: Relativer Lautstärkewert von 0,0-1,0

muted: Ob die Stummschaltung falsch/wahr erfolgen soll

paused: Ob das Medium angehalten ist (schreibgeschützt)

ended: Ob das Medium abgespielt wurde (schreibgeschützt)

Fehler: Wenn ein Fehler im Medium auftritt, wird der Fehlercode zurückgegeben (schreibgeschützt)

currentSrc: Die Medienadresse wird zurückgegeben in Form von

String

(schreibgeschützt)

Loadstart Progress Suspension EmpTied Stalled Play Pause LoadedMetAdata Loadeddata Waiting Playing Canplay CANPLAYROUGHROUGH SEEKING SEEKED

Timeupdate Ended RateChaange Durati Onchange

VolumeChange

HTML5 unterstützt Audioformat:

OGG kostenlos Unterstützte Browser: C, F, O

MP3 Kostenpflichtig Unterstützte Browser: I, C, S

Wav Kostenpflichtig Unterstützte Browser: F, O, S

Audioattribute

Autoplay Autoplay

Steuerelemente Anzeige der Wiedergabesteuerelemente für den Benutzer

Schleife Schleife

Vorladen Legt fest, ob vor der Wiedergabe gewartet werden soll, bis der Ladevorgang abgeschlossen ist

src Die URL des abzuspielenden Audios.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Js Holen Sie sich gängige Methoden, um Stile zu erhalten

Js Der Prozess der Bedienung von DOM-Objekten

Die Implementierungsschritte von Js zur Bedienung von Fensterfensterobjekten

Das obige ist der detaillierte Inhalt vonSchritte zur Implementierung von HTML5-Video und -Audio. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!