loader

Элемент <audio> добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице. Путь к файлу задаётся через атрибут source или вложенный элемент <source>. Внутри контейнера <audio> можно написать текст, который будет выводиться в браузерах, не работающих с этим элементом.

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

Source позволяет указать альтернативные звуковые файлы , которые браузер может выбрать. Браузер будет использовать первый распознанный формат.

Loop зацикливает воспроизведение аудио, чтобы оно бесконечно повторялось после завершения.

Muted при загрузке страницы автоматически выключает звук.

Текст между <audio> и </audio> тегами будет отображаться только в браузерах, не поддерживающих <audio> элемент.

<audio> տարրը ավելացնում, նվագարկում և կառավարում է աուդիո ձայնագրման կարգավորումները վեբ էջում: Ֆայլի ուղին սահմանվում է source հատկանիշի կամ ներկառուցված <source> տարրի միջոցով։<audio> կոնտեյների ներսում դուք կարող եք գրել տեքստ, որը կցուցադրվի այս տարրի հետ չաշխատող բրաուզերում:

cControls-ն ավելացնում է աուդիո կարգավորիչներ, ինչպիսիք են նվագարկումը, դադարը և ձայնի բարձրությունը:

Source-ը թույլ է տալիս նշել այլընտրանքային ձայնային ֆայլեր, որոնցից կարող է ընտրել բրաուզերը: Բրաուզերը կօգտագործի առաջին ճանաչված ձևաչափը։

Loop-ը պտտեցնում է աուդիո նվագարկումը, որպեսզի այն անվերջ կրկնվի ավարտից հետո:

Muted ավտոմատ կերպով անջատում է ձայնը էջի բացման ժամանակ:

<audio> և </audio> թեգերի միջև տեքստը կցուցադրվի միայն այն բրաուզերներում, որոնք չեն աջակցում <audio> տարրը:

Синтаксис

Գրելաձև

<audio>
   <source src="Путь к файлу" type="Тип файла">
</audio>
<audio>
   <source src="Ֆայլի ուղին" type="Ֆայլի տեսակը">
</audio>

Пример

Օրինակ

See the Pen audio by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан внизу⇓

⇓Այս օրինակի արդյունքը ցույց է տրված ստորև:⇓

Добавляя loop песня, будет начинаться заново каждый раз, когда она будет заканчиваться:


Ավելացնելով loop երգը ամեն անգամ կսկսվի նորից, երբ այն ավարտվի.


See the Pen audio loop by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан внизу⇓

⇓Այս օրինակի արդյունքը ցույց է տրված ստորև:⇓

Добавляя muted проигрыватель автоматически отключает звук.


Ավելացնելով muted, նվագարկիչը ավտոմատ կերպով անջատում է ձայնը:


See the Pen Untitled by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан внизу⇓

⇓Այս օրինակի արդյունքը ցույց է տրված ստորև:⇓

⇓Результат этих примеров показан на рисунке⇓

⇓Այս օրինակների արդյունքը ցույց է տրված նկարում⇓

wbr image
Поддержка браузера дляԲրաուզերի աջակցությունը <audio> элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 9+ 12+ 4+ 20+ 4+ 11.5+