Найти тему

Как добавить аудиоконтент на веб-страницу в HTML5?

Процедура добавления аудио-файла на веб-страницу аналогична процедуре добавления видео-ролика.

В HTML5 видео ролик можно добавить с помощью тега <audio>.

Сразу переходим к практике:

То что вводим
То что вводим
То что получаем
То что получаем

Помните о том, что разные браузеры поддерживают разные аудиоформаты. Наиболее популярный среди них это MP3.

Несколько слов об оставшихся атрибутах:

  • controls - это своего рода запрос на то, чтобы браузер предоставил собственные элементы управления воспроизведением;
  • autoplay - этот атрибут указывает на то, что проигрывание аудиозаписи должно начинаться автоматически (но лично я рекомендую давать посетителю возможность самостоятельно запускать воспроизведение).

С помощью тега <source> у Вас появляется возможность добавления нескольких аудио форматов одного и того же файла. Это нужно для того чтобы браузер смог выбрать подходящий для себя формат.

То что вводим
То что вводим
То что получаем
То что получаем

Результат отображения будет тем же самым. Единственное что изменится это добавление еще одного формата к уже имеющемуся.

Спасибо за внимание!

Если статья оказалась полезной предлагаю подписаться на канал. Впереди Вас ждет еще много интересного контента!)

P.S. Если возникли трудности пишите в комментариях или в сообщениях канала. Отвечу на все и всем)