generated from hexlet-basics/exercises-template
-
Notifications
You must be signed in to change notification settings - Fork 2
/
description.ru.yml
36 lines (24 loc) · 2.29 KB
/
description.ru.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
---
name: Аудио
theory: |
Ранее, для добавления аудио на HTML-страницу, необходимо было пользоваться специальными «расширениями», которые давали возможность встраивать на страницу аудио-плеер. Начиная со стандарта HTML5, данная возможность есть по умолчанию. Она реализуется с помощью тега `<audio>`.
Данный тег является парным и в самом простом случае выглядит так:
```html
<audio src="путь_к_аудио-файлу" controls></audio>
```
Атрибут `controls` добавляет элементы интерфейса для плеера. Каждый браузер реализует их по-своему, и единого стандарта на этот счёт нет
## Тег `<source>`
При добавлении аудио на HTML-страницу важно помнить, что не все браузеры поддерживают одни и те же форматы аудио. Специально для этого существует вложенный тег `source`, в котором указываются пути на другие форматы аудио файлов. В таком случае браузер выберет тот, который поддерживается в настоящий момент. При такой разметке указывать `src` у тега `<audio>` необязательно.
```html
<audio controls>
<source src="https://example.com/audio.mp3">
<source src="https://example.com/audio.ogg">
</audio>
```
instructions: |
Добавьте аудио на страницу. Используйте следующие аудио файлы:
* https://www.w3schools.com/html/horse.ogg
* https://www.w3schools.com/html/horse.mp3
На всякий случай сделайте звук потише ;)
tips:
- Если используется один файл, то достаточно его указать в атрибуте `src`. Если файлов несколько, то используйте теги `<source>`