HTML5 за 10 минут

HTML-документ audio.htm


Итак, начало созданию примера HTML-документ audio.htm положено. Для того чтобы ввести в него элемент <audio>, выполните следующие действия.

1.   Откройте HTML-документ из файла audio.htm в избранном вами редакторе текста, например в Windows WordPad.

2.   Введите выделенный ниже полужирным код для создания элемента <audio>.

<1DOCTYPE html>

<html>

<head>

<title>

Аудио в HTML5 </title>

</head>

<body>

<Ь1>Аудио в HTML5</hl>

<audio>

</audio>

<body>

</html>

3.   Введите выделенный ниже полужирным код для указания места нахождения аудиозаписи и ввода элементов управления, с помощью которых пользователь мог бы воспроизво

дить ее для прослушивания. (Вместо файла music.ogg можете подставить в приведенный ниже исходный код файл своей аудиозаписи.)

<!DOCTYPE html>

<html>

<head>

<title>

Аудио в HTML5 </title>

</head>

<body>

<Ь1>Аудио в HTML5</hl>

<audio controls src=music.оддя>

</audio>

<body>

</html>

4.   Сохраните внесенные изменения в файле audio .htm. Непременно сделайте это в текстовом формате. По умолчанию в текстовом редакторе WordPad выбирается расширенный текстовый формат RTF, непригодный для браузеров.

Теперь пользователь может щелкнуть на кнопке Воспроизвести, чтобы прослушать аудиозапись на веб-странице рассматриваемого здесь примера.

Как и у элемента <video>, у элемента <audio> имеется атрибут loop, с помощью которого можно организовать циклическое воспроизведение аудиозаписи, а с помощью атрибута autoplay — автоматическое ее воспроизведение сразу же после загрузки вебстраницы.

Комментарии закрыты