Убедитесь, что курсор находится там, где вы хотите добавить элемент аудио.
Последнее обновление
25 апр. 2024 г.
Прочитайте эту статью, чтобы узнать, как добавить аудио HTML5 на веб-страницу Dreamweaver и прослушать добавленное аудио в браузере.
Dreamweaver позволяет добавлять и предварительно просматривать элементы аудио HTML5 на веб-страницах. Использование элементов аудио HTML5 позволяет получить стандартный способ добавления встроенного аудиосодержимого на веб-страницах.
Для получения дополнительной информации об элементе HTML5 audio см. статью HTML5 audio на W3schools.com.
Вставка аудио HTML5
Выберите Вставка > HTML > Аудио HTML5. Аудиофайл вставится в указанное место.
В окне Инспектор свойств введите следующую информацию:
- Источник / Альтернативный источник 1 / Альтернативный источник 2: в поле «Источник» введите размещение аудиофайла. Также вы можете щелкнуть значок папки для выбора аудиофайла на вашем компьютере. Поддержка аудиоформатов у различных браузеров отличается. Если аудиоформат, указанный в поле «Источник», не поддерживается, используется формат, указанный в поле «Альтернативный источник 1» или «Альтернативный источник 2». Браузер выбирает первый знакомый ему формат для отображения элемента аудио.
Примечание
Чтобы быстро добавить видео в три поля, воспользуйтесь множественным выбором. Когда вы выбираете три формата для одного и того же видео из папки, первый формат в списке используется для заполнения поля Источник. Последующие форматы в списке используются для автозаполнения полей Альтернативный источник 1 и Альтернативный источник 2.
|
Браузер |
MP3 |
Wav |
Ogg |
|
Internet Explorer 9 |
Да |
Нет |
Нет |
|
Firefox 4.0 |
Нет |
Да |
Да |
|
Google Chrome 6 |
Да |
Да |
Да |
|
Apple Safari 5 |
Да |
Да |
Нет |
|
Opera 10.6 |
Нет |
Да |
Да |
- Название: введите название аудиофайла.
- Резервный текст: введите текст, который будет отображаться в браузерах, не поддерживающих HTML5.
- Элементы управления: выберите этот параметр, если вы хотите отобразить элементы управления аудио, такие как «Воспроизведение», «Пауза» и «Отключить звук», на HTML-странице.
- Автозапуск: выберите этот параметр, если вы хотите, чтобы аудио начало воспроизводиться, как только оно загрузится на web-странице.
- Повторять Аудио: выберите этот параметр, если вы хотите, чтобы аудио воспроизводилось непрерывно, пока пользователь не остановит его.
- Отключить звук: выберите этот параметр, если вы хотите отключить аудио после загрузки.
- Предварительная загрузка: если выбрать «Авто», при загрузке страницы аудиофайл будет загружаться целиком. Если выбрать «Метаданные», после завершения загрузки страницы будут загружаться только метаданные.
Просмотр элементов аудио в браузере
Сохраните веб-страницу
Выберите Файл > Просмотр в реальном времени. Выберите браузер, в котором вы хотите осуществить прослушивание.
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
