✅ Multimedia-Wiedergabe in HTML5

Inhaltsverzeichnis

Wenn wir im Web arbeiten, müssen wir sicherstellen, dass jeder Benutzer eine zufriedenstellende Erfahrung auf unserer Seite hat. Dies bedeutet oft, dass wir zusätzlichen oder weniger effizienten Code erstellen müssen, damit unsere Seite nicht fehlschlägt.
Mit dem neuen Standard HTML wir haben die neuen multimedialen elemente wie audio und video, da beide einen gemeinsamen ursprung haben, können wir ihre formate auswerten und wissen so, ob der browser die angegebenen dateien abspielen kann oder nicht.
CanPlayType-Methode
Die Methode canPlayType Es ermöglicht uns zu wissen oder eine Vorstellung davon zu haben, ob der Browser die von uns angezeigte Multimedia-Datei abspielen kann oder nicht.
Mit dieser Methode können wir 3 Arten von Antworten haben:

“” empty Dies sagt uns, dass Sie die Datei nicht im angegebenen Format abspielen können.
vielleicht Diese Antwort sagt uns, dass das Format möglicherweise abspielbar ist.
wahrscheinlich Mit dieser Antwort teilt uns der Browser mit, dass er mit hoher Wahrscheinlichkeit den Inhalt im angegebenen Format wiedergeben kann.

Sehen wir uns unten einen Code an, in dem wir diese Methode für eine Multimedia-Datei verwenden:

 Beispielvideo kann nicht angezeigt werden 
 
Eigentum Wert

Hier ist einfach das, was wir tun, durchzuführen zwei Arrays, im ersten platzieren wir die Namen der Dateien mit verschiedenen Erweiterungen, im zweiten platzieren wir die Formate, die wir haben, einmal damit gehen wir das Array der Formate durch und dann werten wir mit der Methode aus canPlaytype um die Antwort zu bekommen, die wir brauchen.
Bisher läuft alles glatt, wenn wir die Auswertung haben, fragen wir, wer die Antwort zurückgesendet hat wahrscheinlich und das ist dasjenige, das wir für die Reproduktion einsetzen werden.
Mal sehen, wie das im Browser aussieht:

In diesem konkreten Beispiel verwenden wir Feuerfuchs, in diesem Fall ist das Format, das der Browser reproduzieren kann, das webm und es ist effektiv diejenige, die im entsprechenden Element gezeigt wird.
Wie wir sehen, können wir mit dieser Methode mehrere Optionen festlegen, und wenn wir unseren Algorithmus richtig entwickeln, können wir eine sehr robuste Funktionalität ausführen, die es uns ermöglicht, die Vorteile von . zu genießen HTML5 bei der Verwaltung von Multimedia in mehreren Browsern, ohne sich um die Benutzererfahrung kümmern zu müssen.
Damit beenden wir unser Tutorial und haben nun das Wissen, wie man die verschiedenen Multimedia-Formate auswertet und wie Browser jedes einzelne behandeln können.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben