Робота з аудіо в html5.

Всім привіт! У минулій статті ми розглянули, як вбудовувати відео в HTML5, а сьогодні я хотів би детальніше розглянути, як вбудовувати аудіо в HTML5.

Вбудовування аудіо в HTML5 дуже схоже на вбудовування відео, так що, якщо ви ще не читали попередню статтю, то спочатку прочитайте її, тому що тут буде дуже багато схожого.

Щоб вставити аудіо на сторінку, використовується тег audio.

src="Path / to / audio / file.mp3"gt;

У даного тега також є атрибут controls

src="Path / to / audio / file.mp3"controlsgt;

Атрибут autoplay

src="Path / to / audio / file.mp3"controlsautoplaygt;

Атрибут loop

src="Path / to / audio / file.mp3"controlsautoplayloopgt;

Відключення звуку за допомогою атрибута muted

src="Path / to / audio / file.mp3"controlsautoplaymutedgt;

Звичайно ж, атрибут preload

src="Path / to / audio / file.mp3"controlspreload="Auto"gt;

Також, підтримується можливість вказати час початку і кінця відтворення

src="File.mp3 # t = 7,17"controlsgt;

Дана можливість, як і відео, з`явилася недавно, тому ми також можемо вказати якийсь текст для старих браузерів, Неподдерживается даний функціонал, або вбудувати інший плеєр.

src="Path / to / audio / file.mp3"gt; 
 На жаль, ваш браузер не підтримує HTML5 аудіо

Також, є тег source, який робить абсолютно те ж саме, що і тег source для відео.

 
src="File.mp3"gt; 
src="File.ogg"gt;

І, звичайно, його атрибут type.

 
src="File.mp3"type=`Audio / mpeg`gt; 
src="File.ogg"type=`Audio / ogg- codecs = flac`gt;

Як бачите, обидві ці можливості працюють приблизно однаково, так що їх використання не повинно вас утруднити.

А у мене на цьому все, спасибі за увагу і удачі!

Поділися в соціальних мережах:

Схожі