Звук в HTML5, элемент AUDIO
До появления HTML5 и flash было тяжело вставить аудио на страницу. После вставляли аудио при помощи flash. Вместе с HTML5 появился тег audio
, благодаря которому легко можно вставить аудио на страницу. В примере один показано, как добавить аудио файл на страницу HTML.
<audio src = "click.mp3"></audio>
Вставить музыку также просто, как и вставить картинку в HTML страницу. В атрибут src
записывается путь к файлу.
Некоторые форматы поддерживают не все браузеры, дабы не было проблем с кроссбраузерностью, можно поступить следующим образом, как во втором примере.
<audio>
<source src = "click.mp3">
<source src = "click.ogg">
</audio>
Если хотите, чтобы звук сразу воспроизводился при заходе на страницу, то добавьте атрибут autoplay
.
<audio autoplay>
<source src = "click.mp3">
<source src = "click.ogg">
</audio>
Можем добавить кнопки управления, для этого пишем атрибут controls
.
<audio controls>
<source src = "click.mp3">
<source src = "click.ogg">
</audio>
А еще мы можем зациклить аудио на нашей HTML странице. Для этого используем атрибут loop
.
<audio loop>
<source src = "click.mp3">
<source src = "click.ogg">
</audio>
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться
- Практики нет, просто нажмите "Проверить задание".
– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter.
– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!