Odtwarzanie multimediów w HTML5

Kiedy pracujemy w sieci, musimy zapewnić każdemu użytkownikowi satysfakcjonujące wrażenia na naszej stronie, często oznacza to konieczność wykonania dodatkowego lub mniej wydajnego kodu, a wszystko po to, aby nasza strona nie zawodziła.
Z nowym standardem HTML mamy nowe elementy multimedialne, takie jak audio i wideo, ponieważ oba mają wspólne pochodzenie, możemy ocenić ich formaty i w ten sposób wiedzieć, czy przeglądarka może odtwarzać określone pliki.
Metoda CanPlayType
Metoda canPlayType Pozwala nam wiedzieć lub mieć pojęcie, czy przeglądarka może odtworzyć wskazany przez nas plik multimedialny.
Stosując tę ​​metodę możemy mieć 3 rodzaje odpowiedzi:

• “” pusty to mówi nam, że nie możesz odtworzyć pliku w określonym formacie.
• Może ta odpowiedź mówi nam, że format może być odtwarzany.
• prawdopodobnie Dzięki tej odpowiedzi przeglądarka informuje nas, że istnieje duże prawdopodobieństwo, że może odtworzyć zawartość w określonym formacie.

Zobaczmy poniżej kod, w którym używamy tej metody na pliku multimedialnym:

 Nie można wyświetlić przykładowego wideo 
 
Nieruchomość
Wartość

 

 

Tutaj po prostu robimy to, co robimy dwie tablice, w pierwszym umieszczamy nazwy plików o różnych rozszerzeniach, w drugim formaty jakie posiadamy, raz z tym przechodzimy przez tablicę formatów a następnie oceniamy metodą canPlaytype aby uzyskać odpowiedź, której potrzebujemy.
Jak na razie wszystko idzie gładko, jak już mamy wycenę pytamy kto oddał odpowiedź prawdopodobnie i to jest ten, który umieścimy do reprodukcji.
Zobaczmy, jak to wygląda w przeglądarce:

W tym konkretnym przykładzie używamy Firefox, w tym przypadku format, który przeglądarka może odtworzyć, to webm i jest to faktycznie ten pokazany w odpowiednim elemencie.
Jak widać, metoda ta pozwala nam na ustalenie kilku opcji i jeśli odpowiednio opracujemy nasz algorytm, możemy wykonać bardzo solidną funkcjonalność, która pozwoli nam cieszyć się korzyściami płynącymi z HTML5 w zarządzaniu multimediami w wielu przeglądarkach bez martwienia się o wygodę użytkownika.
Na tym kończymy nasz samouczek, mając teraz wiedzę o tym, jak oceniać różne formaty multimedialne i jak przeglądarki mogą traktować każdy z nich.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt