Какие форматы медиа поддерживаются HTML?

HTML поддерживает несколько медиаформатов, которые позволяют включать мультимедийный контент на веб-страницах. Главные компоненты для работы с медиа в HTML — это теги <audio>, <video>, и <source>. Рассмотрим их подробнее.

1. Аудиоформаты

Для работы с аудиофайлами используется тег <audio>. Он поддерживает несколько форматов:

• MP3 — самый распространенный формат аудио, поддерживаемый всеми браузерами.
• WAV — формат без сжатия, который может занимать много места.
• OGG — формат, часто используемый для потоковой передачи аудио.

Пример кода для аудио:

<audio controls>
    <source src="audio-file.mp3" type="audio/mpeg">
    <source src="audio-file.ogg" type="audio/ogg">
    Ваш браузер не поддерживает тег audio.
</audio>

2. Видеоформаты

Для вставки видео на страницу используется тег <video>. Он также поддерживает различные форматы:

• MP4 — самый широко поддерживаемый формат для видео, обычно использующий кодек H.264.
• WebM — формат, предназначенный для веб-видео, с поддержкой высококачественного сжатия.
• OGG — используется для видео в формате Ogg Theora.

Пример кода для видео:

<video width="640" height="480" controls>
    <source src="video-file.mp4" type="video/mp4">
    <source src="video-file.webm" type="video/webm">
    Ваш браузер не поддерживает тег video.
</video>

3. Использование тега <source>

Тег <source> позволяет указывать несколько источников для аудио и видео, что обеспечивает лучшую совместимость с различными браузерами. Браузер выберет первый подходящий источник, который ему известен.

Заключение

Работая с медиаформатами в HTML, важно помнить о совместимости с различными браузерами и устройствами. Оптимальная практика — использовать несколько форматов для аудио и видео, чтобы пользователи могли наслаждаться контентом без проблем.