Процедура добавления аудио-файла на веб-страницу аналогична процедуре добавления видео-ролика.
В HTML5 видео ролик можно добавить с помощью тега <audio>.
Сразу переходим к практике:
Помните о том, что разные браузеры поддерживают разные аудиоформаты. Наиболее популярный среди них это MP3.
Несколько слов об оставшихся атрибутах:
- controls - это своего рода запрос на то, чтобы браузер предоставил собственные элементы управления воспроизведением;
- autoplay - этот атрибут указывает на то, что проигрывание аудиозаписи должно начинаться автоматически (но лично я рекомендую давать посетителю возможность самостоятельно запускать воспроизведение).
С помощью тега <source> у Вас появляется возможность добавления нескольких аудио форматов одного и того же файла. Это нужно для того чтобы браузер смог выбрать подходящий для себя формат.
Результат отображения будет тем же самым. Единственное что изменится это добавление еще одного формата к уже имеющемуся.
Спасибо за внимание!
Если статья оказалась полезной предлагаю подписаться на канал. Впереди Вас ждет еще много интересного контента!)
P.S. Если возникли трудности пишите в комментариях или в сообщениях канала. Отвечу на все и всем)