Рубрики
Без рубрики

Работа с аудиофайлами – HTML5

Как настроить аудиофайлы и различные атрибуты в HTML5? HTML веб-страницы часто содержат мультимедиа … Помечено JavaScript, HTML, новичками, сегодня.

Как настроить аудиофайлы и различные атрибуты в HTML5?

Веб-страницы HTML часто содержат мультимедийные элементы различных типов и форматов.

Элемент HTML используется для воспроизведения аудиофайла на веб-странице.

Основное использование

Основной пример тега звука и его соответствующий вывод в « Google Chrome».


Добавьте аудиофайл в тег

Тег управления добавляет аудио элементы управления, как PLAY, PAUSE и TOME.

Тег позволяет нам указать альтернативные аудиофайлы, которые выбирают интернет-браузер.

Текст между тегами, отображаемыми в браузерах, которые не поддерживают элемент.

Аудио-тег изменен следующим образом:

Текст, указанный между тегами Audio, действует как « Foxback Content» Когда браузер не поддерживает определенный файл типа звука.

    

Несколько источников атрибутов

    

Выход

Он добавляет аудио элементы управления, как PLAY, PAUSE и том.

Дополнительные атрибуты

Автовоспроизведение

Добавьте свойство AUTOPLAY на тег звука для автоматического воспроизведения аудио в исходном теге.

    

Это выгодно, когда пользователи не ожидают посетить сайт и играть в аудиоручную.

Петля

Автоматически воспроизводит аудиофайл снова, когда он достигает конца.

    

Приглушенный

Теперь другой атрибут отключен, который не отключает громкость звука для ничего.

    

Это атрибут, который я бы предложил вам не использовать, если у вас нет отличной причины для этого.

Предварительная нагрузка

Один дополнительный атрибут и представляют собой предварительную нагрузку атрибута, также можно представить как « буферизация». Теперь Preload получает три разных ценности. Вы не можете просто установить это.

Preload принимает один из трех значений, а именно Auto, Metadata и None.

Я предпочитаю использовать метаданные; Тем не менее, авто будет оставить то, что предварительно загружено в браузер. Метаданные, как у меня здесь, собирается попросить браузер, по крайней мере, предварительно загрузить метаданные, которые включают в себя атрибуты данных, такие как длина продолжительности фактического аудио.

    

Аудиофайл, используемый в приведенных выше примерах, не подходит для проверки атрибута предварительной нагрузки. Пожалуйста, попробуйте с более длинным действием аудиофайла.

Как добавить подпись к аудиофайлу?

Используйте тег на

над мультимедийными элементами управления, как показано ниже:

    
Listen to the audio

Образец github

SSUKHPINDER/AUDIOFILESHTML

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

Следуй за мной

C # Публикация , LinkedIn , Instagram. , Twitter , Dev.to. , Pinterest , Излукаться , Wix Отказ

Оригинал: “https://dev.to/ssukhpinder/working-with-audio-files-html5-10hd”