Тег audio - это управление аудиофайлом


X

Тег audio - это управление аудиофайлом

Тег <audio> используют для воспроизведения, добавления и управления настройками аудиозаписи на веб-странице. С помощью атрибута src или тега <source>  задают адресс к аудиозаписи воспроизводимой на странице. Консоль управления аудиофайла в различных браузерах различается по своему виду, но основные элементы совпадают. Напиример в браузере Mozilla Firefox отсутствует кнопка скачать файл. Внутри тега <audio> можно написать текст, который будет выводиться в браузерах, не работающих с этим тегом.

 

Атрибуты
autoplay - аудиофайл начинает играть сразу после загрузки страницы.
controls - добавляет консоль управления к аудиофайлу.
loop - включает повторение аудиофайла его завершения.
preload - используется для загрузки файла вместе с загрузкой веб-страницы.
src - задает адресс к воспроизводимому аудиофайлу.

 

Синтаксис

<audio src="URL"></audio>
<audio>
 <source src="URL">
</audio>

 

 

Пример

<html>
<head>
    <title>Тег AUDIO</title>
</head>
<body>
<p>Tove Lo - Habits (Stay High)</p>
<audio controls>
    <source src="/../../template/audio/Tove Lo - Habits (Stay High) remix.mp3">
</audio>
</body>
</html>

 

Auir Просмотров сегодня +2 22 июня 2017
Конструкторы Ugears купить в Иркутске от 690 руб. с Доставкой!
Реклама UGEARS это путешествие в удивительную атмосферу гармонии природы и совершенства конструкторской мысли
Конструктор Навигатор дат - 690 руб.
Конструктор Комбайн - 2990 руб.
ugears-irk.ru
Оплата и Доставка Контакты
Стоматология в Улан-Удэ | ДентаВита | Шок цены от 100 руб!
Реклама От всей нашей семьи хотим выразить огромную благодарность стоматологической клинике
Осмотр, консультация от 150 руб.
Рентгеновский снимок от 100 руб.
dentavita03.ru
Наши цены Отзывы
Создание сайтов и мобильных приложений от 5 500 руб. Любой сложности!
Реклама Собственный фреймворк. Большие и сложные проекты. ТОП 100 разработчиков РФ.
Создание сайтов от 5 500 руб.
Мобильные приложения от 50 000 руб.
irogex.ru
Наши проекты Контакты
Реклама помогает поддерживать
и развивать наш сервис.


Подробнее
(ссылка откроется в новой вкладке)
  Реклама