Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Вбудовування аудіо для насичених медіа | Робота з Медіа та Таблицями
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Ultimate HTML

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

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

index.html

index.html

copy

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

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

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

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

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

index.html

index.html

copy
question mark

Яке з наступних тверджень щодо елемента <audio> в HTML є правильним?

Select the correct answer

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

Як ми можемо покращити це?

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

Suggested prompts:

Can you show me the complete example with all these attributes?

What other attributes can I use with the `<audio>` element?

Can you explain how browser support works for different audio formats?

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

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

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

index.html

index.html

copy

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

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

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

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

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

index.html

index.html

copy
question mark

Яке з наступних тверджень щодо елемента <audio> в HTML є правильним?

Select the correct answer

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

Як ми можемо покращити це?

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

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