Вивчайте Вбудовування аудіо для насичених медіа

Ви можете використовувати елемент <audio>, щоб додати аудіофайли на вебсторінку. Розглянемо приклад:

index.html

У цьому прикладі:

Елемент <audio> містить елемент <source>, який вказує URL-адресу та тип файлу аудіо. Поширені формати — MP3 та OGG;
Атрибут controls відображає стандартні елементи керування відтворенням, такі як відтворення, пауза та гучність;
Якщо браузер користувача не підтримує елемент audio, буде показано резервне повідомлення.

Додаткові атрибути, які часто використовуються з елементом HTML audio:

autoplay: відтворює аудіофайл одразу після завантаження сторінки;
loop: забезпечує безперервне повторення аудіофайлу;
muted: вимикає звук за замовчуванням;
volume: визначає рівень гучності за замовчуванням для аудіофайлу, у діапазоні від 0.0 (без звуку) до 1.0 (максимальна гучність).

Приклад, що демонструє використання всіх цих атрибутів:

index.html

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 4. Розділ 5

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Свайпніть щоб показати меню

Ви можете використовувати елемент <audio>, щоб додати аудіофайли на вебсторінку. Розглянемо приклад:

index.html

У цьому прикладі:

Елемент <audio> містить елемент <source>, який вказує URL-адресу та тип файлу аудіо. Поширені формати — MP3 та OGG;
Атрибут controls відображає стандартні елементи керування відтворенням, такі як відтворення, пауза та гучність;
Якщо браузер користувача не підтримує елемент audio, буде показано резервне повідомлення.

Додаткові атрибути, які часто використовуються з елементом HTML audio:

autoplay: відтворює аудіофайл одразу після завантаження сторінки;
loop: забезпечує безперервне повторення аудіофайлу;
muted: вимикає звук за замовчуванням;
volume: визначає рівень гучності за замовчуванням для аудіофайлу, у діапазоні від 0.0 (без звуку) до 1.0 (максимальна гучність).

Приклад, що демонструє використання всіх цих атрибутів:

index.html

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 4. Розділ 5