Выберите текст или изображение, которое хотите использовать в качестве ссылки на аудиофайл.
Последнее обновление
27 апр. 2021 г.
Изучите этот раздел, чтобы узнать, как добавить звуковые эффекты на веб-страницу Dreamweaver, а также о поддерживаемых форматах звуковых файлов.
В веб-страницу можно добавить звук. Существует несколько различных типов звуковых файлов и форматов, включая .wav, .midi и .mp3. Некоторые факторы, которые следует учитывать перед выбором формата и метода добавления звука, — это его назначение, ваша аудитория, размер файла, качество звука и различия в браузерах.
Примечание
Звуковые файлы обрабатываются по-разному и неодинаково в разных браузерах.Вы можете добавить звуковой файл в SWF-файл, а затем встроить SWF-файл для улучшения согласованности.
В следующем списке описаны наиболее распространенные форматы аудиофайлов с некоторыми преимуществами и недостатками каждого из них для веб-дизайна.
.midi или .mid (Musical Instrument Digital Interface — цифровой интерфейс музыкальных инструментов)
Этот формат используется для инструментальной музыки. Файлы MIDI поддерживаются многими браузерами и не требуют подключаемого модуля. Хотя качество их звука очень хорошее, оно может варьироваться в зависимости от звуковой карты посетителя. В небольшом MIDI-файле может разместиться длительный звуковой клип. Файлы MIDI не могут быть записаны и должны синтезироваться на компьютере со специальным оборудованием и программным обеспечением.
.wav (Waveform Extension — расширение волновой формы)
Эти файлы имеют хорошее качество звука, поддерживаются многими браузерами и не требуют подключаемого модуля. Вы можете записывать собственные WAV-файлы с диска CD, кассеты, микрофона и т. д.Однако большой размер файла серьезно ограничивает длину звуковых клипов, которые можно использовать на веб-страницах.
.aif (Audio Interchange File Format или AIFF — формат файлов обмена звуком)
Формат AIFF, как и формат WAV, имеет хорошее качество звука, может воспроизводиться большинством браузеров и не требует подключаемого модуля; вы также можете записывать AIFF-файлы с CD, кассеты, микрофона и так далее. Однако большой размер файла серьезно ограничивает длину звуковых клипов, которые вы можете использовать на ваших веб-страницах.
.mp3 (Motion Picture Experts Group Audio или MPEG-Audio Layer‑3 — аудиоформат группы экспертов по видеоизображению, слой 3)
Сжатый формат, который делает звуковые файлы значительно меньше. Качество звука очень хорошее: если mp3-файл записан и сжат правильно, его качество может соперничать с качеством CD. Технология mp3 позволяет «транслировать» файл так, чтобы посетитель не ждал загрузки всего файла перед его прослушиванием. Однако размер файла больше, чем у Real Audio файла, поэтому загрузка целой песни через типичное коммутируемое (телефонная линия) модемное соединение может занять довольно много времени. Для воспроизведения mp3-файлов посетители должны загрузить и установить вспомогательное приложение или подключаемый модуль, такой как QuickTime, Windows Media Player или RealPlayer.
.ra, .ram, .rpm или Real Audio
Этот формат имеет высокую степень сжатия с меньшими размерами файлов, чем mp3. Файлы целых песен можно загрузить за разумное время. Поскольку файлы могут «транслироваться» с обычного веб-сервера, посетители могут начать прослушивание звука до полной загрузки файла. Посетители должны загрузить и установить вспомогательное приложение RealPlayer или подключаемый модуль для воспроизведения этих файлов.
.qt, .qtm, .mov или QuickTime
Этот формат используется как для звука, так и для видео и разработан компанией Apple Computer. Поддержка QuickTime включена в операционные системы Apple Macintosh и используется большинством приложений Macintosh, которые используют звук, видео или анимацию. Файлы формата QuickTime можно воспроизводить и на ПК, но для этого требуется специальный драйвер QuickTime. QuickTime поддерживает большинство форматов кодирования, включая Cinepak, JPEG и MPEG.
Примечание
В дополнение к вышеперечисленным стандартным форматам существует множество различных форматов аудио- и видеофайлов, доступных для использования в Интернете. Если вы обнаружили незнакомый вам формат мультимедийных файлов, узнайте у создателя формата о том, как его лучше всего использовать и разворачивать.
Создание ссылки на звуковой файл
Создание ссылки на аудиофайл — это простой и эффективный способ добавить звук на веб-страницу. Этот метод включения звуковых файлов позволяет посетителям выбирать, хотят ли они слушать файл, и делает файл доступным для самой широкой аудитории.
В инспекторе свойств нажмите значок папки рядом с текстовым полем «Ссылка», чтобы найти аудиофайл, или введите путь и имя файла в текстовое поле «Ссылка».
Внедрение звукового файла
Встраивание аудио включает звук непосредственно в страницу, но звук воспроизводится только в том случае, если посетители вашего сайта имеют соответствующий подключаемый модуль для выбранного звукового файла.Встраивайте файлы, если хотите использовать звук в качестве фоновой музыки или если хотите контролировать громкость, внешний вид проигрывателя на странице или начальную и конечную точки звукового файла.
Примечание
При включении звуковых файлов в ваши веб-страницы внимательно рассмотрите их уместное использование на вашем веб-сайте и то, как посетители вашего сайта используют эти медиаресурсы.Всегда предоставляйте элемент управления для включения или отключения воспроизведения звука на случай, если посетители не хотят слушать аудиоконтент.
В режиме «Дизайн» поместите точку вставки в то место, где хотите встроить файл, и выполните одно из следующих действий:
В категории «HTML» на панели «Вставка» щелкните значок «Подключаемый модуль»
из всплывающего меню.Выберите «Вставка» > «HTML» > «Подключаемый модуль».
Перейдите к аудиофайлу и нажмите кнопку «ОК».
Введите ширину и высоту, указав значения в соответствующих текстовых полях в инспекторе свойств или изменив размер заполнителя подключаемого модуля в окне документа.
Эти значения определяют размер, в котором элементы управления аудио отображаются в браузере.
Связанные материалы
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
