Стандарт HTML5 поддерживает два разных механизма представления аудиофайлов. Либо свяжите MP3, чтобы сделать его доступным для загрузки, либо вставьте его так, чтобы люди могли наслаждаться музыкой из аудиоплеера на странице.
Доступность аудио
Файл MP3 должен быть доступен в Интернете, прежде чем ссылка или встроенный объект будет успешным. Если MP3 уже находится в сети, скопируйте прямой URL-адрес файла. Этот URL-адрес должен указывать на медиаресурс; он не может относиться к странице, с которой связан актив.
С вашими собственными MP3-файлами вы должны использовать инструмент для загрузки файла со своего компьютера на файловый сервер в Интернете. Большинство людей используют FTP, SFTP или SSH для загрузки MP3 на свой веб-сайт, хотя, если ваш сайт использует систему управления контентом, такую как WordPress, CMS поддерживает утилиту для загрузки по принципу «укажи и щелкни».
Добавление MP3 на вашу веб-страницу
Имея под рукой URL-адрес, вы готовы добавить MP3 на свой сайт. Если ваш инструмент для создания страниц поддерживает интерфейс «укажи и щелкни», используйте его - поскольку каждый из них отличается, обратитесь к документации CMS для получения информации о конкретных процедурах.
Независимо от вашего графического интерфейса, ручное редактирование HTML всегда работает последовательно.
Создание ссылки
Ссылка, открывающая медиафайл в новой вкладке или загружающая его на компьютер посетителя, основана на стандартном якорь тег. Таким образом, элемент HTML состоит из тегов привязки, URL-адреса MP3, текста, активирующего гиперссылку, и дополнительных параметров. Например, чтобы скачать podcast.mp3 по ссылке под названием Скачай шоу!используйте следующий элемент HTML:
Скачай шоу!
Этот элемент вызывает загрузку MP3. Чтобы открыть MP3, снимите скачать в конце URL-адреса MP3.
Встраивание аудиофайла
Чтобы использовать HTML5 для встраивания крошечного аудиоплеера, используйте аудио элемент. Поскольку некоторые браузеры не поддерживают его, любой текст, включенный в элемент, отображается, если браузер не может отобразить аудиоплеер.
Ваш браузер не поддерживает аудио тег.
В аудио Элемент включает несколько стандартных атрибутов:
- Автовоспроизведение: Если указано в теге, звук воспроизводится, как только он загружен и готов, независимо от взаимодействия посетителя со встроенным аудиоплеером.
- Органы управления: Отображение основных элементов управления, включая кнопку воспроизведения / паузы и ссылку для загрузки.
- Петля: Если указано, петля непрерывно воспроизводит звук.
- Приглушен: Отключает звук.