HTML5 за 10 минут

Циклическое и автоматическое воспроизведение


Организовать циклическое и автоматическое воспроизведение аудиозаписей можно, конечно, и без элементов управления, определяемых атрибутом controls, опустив его в исходном коде HTML-документа. Но в этом случае аудиозаписи будут воспроизводиться после загрузки веб-страницы без всякой возможности остановить их, что вряд ли понравится пользователям и даже способно вызвать у них раздражение.

Выявление и обработка ошибок воспроизведения аудиозаписи

С помощью атрибута onerror можно выявлять и обрабатывать различные ошибки воспроизведения аудиозаписи, в том числе невозможность обнаружить саму аудиозапись. С этой целью выполните следующие действия.

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

2.   Введите выделенный ниже полужирным код для создания функции fail (), обрабатывающей возможные ошибки воспроизведения аудиозаписи и предупреждающей о них пользователя.

<!DOCTYPE html>

<html>

<head>

<title>

Аудио в HTML5 </title>

<script>

function fail(e)

{

switch (e.target.error.code) { case e. target. error.MEDIAERRABORTED: alert(Воспроизведение прервано.); break;

case e.target.error.MEDIA_ERR_NETWORK: alert(Сетевая ошибка.); break;

case e.target.error.MEDIA_ERR_DECODEs alert(Аудиозапись испорчена.); break; case

e.target.error.MEDIAERRSRCNOTSUPPORTED s

alert(Формат не поддерживается, или файл не найден.);

break;

default:

alert(Произошла неизвестная ояибка.); break;

}

}

</script>

<body>

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

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

</audio>

<body>

</html>

3.   Введите выделенный ниже полужирным код для связывания функции fall () с элементом <audio>.

<!DOCTYPE html>

<html>

<head>

<title>

Аудио в HTML5 </title>

<script> function fail(e)

{

switch (e.target.error.code) { case e.target.error,MEDIA_ERR_ABORTED: alert(Воспроизведение прервано.); break?

case e. target. error. MEDIA_ERR_NETWORK: alert(Сетевая ошибка.); break?

case e.target.error.MEDIA_ERR_DECODE: alert(Аудиозапись испорчена.); break; case

e.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED:

alert(Формат не поддерживается, или файл не найден.); break; default:

alert(Произошла неизвестная ошибка.); break;

}

}

</script>

</head>

<body>

<Ы>Аудио в HTML5</hl>

<audio controls onerror="fail(event)" src="music.oggn> </audio>

<body>

</html>

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

Если теперь при воспроизведении аудиозаписи произойдет ошибка, появится окно с сообщением, предупреждающим пользователя о характере возникшей ошибки.

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