БлогNot. Аудиофайлы на сайте

Аудиофайлы на сайте

В продолжение темы пишу с оказией уже не из Нска, эх, отвык от 32 Кбит/с, зато воздух свежий, в общем, меня нет, буду 24-го... Всем превед, кому не успел передать.

На Web-страницах часто размещают следующие типы аудиофайлов (список неполный):

  • MIDI (Musical Instrument Digital Sequence) — стандартный музыкальный формат для воспроизведения мелодий;
  • WAV — цифровой формат звуковых файлов Windows;
  • MP3 — цифровой формат хранения сжатого аудиосигнала.

Возможны следующие основные способы связывания звукового файла с документом HTML:

  1. применение специализированного тега <emded> и/или <object> (предпочтительно);
  2. использование flash-плееров;
  3. создание гиперссылки на звуковой файл.

Способ 1 предполагает включение в документ специализированных тегов, например:

<embed src="sound/rooster.wav" width="144" height="60" 
 autostart="true" align="left" hspace="5" vspace="5">

Следует учесть, что тег <embed> не входит в спецификацию HTML 4 и код с этим тегом не проходит валидацию. При подключении звукового файла тегом <object> следует указать в теге соответствующий MIME-тип файла, а также обычные общие атрибуты, например:

Файл в формате WAV: 

<object type="audio/wav" data="sound/rooster.wav" 
 align="middle" width="144" height="96" hspace="8">
 Тип объекта Wav не поддерживается</object>

Файл в формате MIDI: 

<object type="audio/midi" data="sound/saintsgo.mid" 
  align="middle" width="144" height="96" hspace="8">
 Тип объекта Midi не поддерживается</object>

Следует учесть, что аудиофайл формата MP3, подключенный данным способом с указанием MIME типа audio/mpeg, отобразят не все современные браузеры. Некоторые из них могут запросить установку соответствующего плагина.

Способ 2: использование flash-плееров для аудио, подключающих аудиофайлы аналогично технологии подключения видео (см. предыдущую заметку). Способ наиболее часто применяется для файлов .MP3.

Способ 3 предполагает указание обычной гиперссылки на файл:

<a href="sound/scream.wav">scream.wav</a> (2 сек., 25 Кб)<br>
<a href="sound/baby.mid">baby.mid</a> (1 мин. 3 сек., 5 Кб)

Следует учесть, что обработка такой ссылки существенно зависит от браузера.

При подключении ссылок на звуковые файлы (как и на любое другое объемное содержимое) следует проинформировать пользователя о формате и размере загружаемого файла, как и сделано в примере.

Не следует использовать нестандартный тег <bgsound>. Появившийся в стандарте HTML 5 тег <audio> в настоящее время также поддерживается браузерами ограниченно.

19.01.2011, 10:45 [9142 просмотра]


теги: html музыка форматы

К этой статье пока нет комментариев, Ваш будет первым