Възпроизвеждане на мултимедия в HTML5

Когато работим в мрежата, трябва да гарантираме, че всеки потребител има задоволително преживяване на нашата страница, много пъти това означава, че трябва да се направи допълнителен или по -малко ефективен код, всичко за да не се провали нашата страница.
С новия стандарт HTML имаме новите мултимедийни елементи, като аудио и видео, тъй като и двата имат общ произход, можем да оценим техните формати и по този начин да разберем дали браузърът може да възпроизвежда посочените файлове.
Метод CanPlayType
Методът canPlayType Тя ни позволява да знаем или да имаме представа дали браузърът може да възпроизвежда мултимедийния файл, който посочваме.
Използвайки този метод, можем да имаме 3 типа отговор:

• “” празно това ни казва, че не можете да възпроизвеждате файла в определения формат.
• може би този отговор ни казва, че форматът може да се възпроизвежда.
• вероятно С този отговор браузърът ни казва, че има голяма вероятност той да възпроизведе съдържанието в определения формат.

Нека видим по -долу код, в който използваме този метод за мултимедиен файл:

 Примерно видео не може да се покаже 
 
Имот
Стойност

 

 

Тук просто изпълняваме два масива, в първата поставяме имената на файловете с различни разширения, във втората поставяме форматите, които имаме, веднъж с това преминаваме през масива от формати и след това оценяваме с метода canPlaytype за да получим нужния отговор.
Засега всичко върви гладко, след като имаме оценка, питаме кой е върнал отговора вероятно и това е този, който ще поставим за възпроизвеждане.
Нека да видим как изглежда това в браузъра:

В този конкретен пример използваме Firefox, в този случай форматът, който браузърът може да възпроизведе, е webm и всъщност е този, показан в съответния елемент.
Както виждаме, този метод ни позволява да установим няколко опции и ако развием правилно алгоритъма си, можем да изпълним много здрава функционалност, която ще ни позволи да се насладим на предимствата на HTML5 при управление на мултимедия в множество браузъри, без да се притеснявате за потребителското изживяване.
С това приключваме нашия урок, като вече знаем как да оценяваме различните мултимедийни формати и как браузърите могат да се отнасят към всеки от тях.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка