HTML 5

Тагът <AUDIO>




Тагът <audio> се използва за добавянето на музика в html страницата. Той е двоен таг и се поставя в секцията BODY на страницата.

Трябва да се знае обаче, че не всички браузъри поддържат всички аудио формати. В таблицата по-долу са изброени по-известните браъзъри и поддържаните от тях аудио формати.

Име на браузъра + версия MP3 WAV OGG
Internet Explorer 9+ Да Не Не
Chrome 6+ Да Да Да
Firefox 3.6+ Не Да Да
Safari 5+ Да Да Не
Opera 10+ Не Да Да

Пример за <audio> таг е показан по-долу.

Пример:

<body>
      <audio autoplay controls loop src="път до аудио файла"></audio>
</body>

Атрибутите на тага <audio> са следните:

autoplay - указва дали музиката ще започне да се възпроизвежда веднага след стартирането на страницата или след натискането на бутона play (ако е добавен атрибута controls).

controls - чрез този атрибут се добавят контролите за старт, пауза, прекъсване и т. н. на аудио файла.

loop - указва дали възпроизвеждането на файла да започне отново, след като се стигне до неговия край.

src - този атрибут задава пътя до аудио файла.

Както споменах <audio> тага е двоен, следователно има затварящ таг </audio>. Между отварящия и затварящия таг може да се постави накакъв текст, който ще се появи ако браузъра не поддържа <audio> тага.

За създаването на списък от аудио файлове за възпроизвеждане се използва тага <source>. Той се поставя между отварящия и затварящия таг на тага <audio>.

Пример:

<body>
      <audio autoplay controls loop>
            <source src="1.mp3" type="audio/mpeg">
            <source src="2.ogg" type="audio/ogg">
            <source src="3.wav" type="audio/wav">
            Тагът <audio> не се поддържа от вашия браузър.
      </audio>
</body>

С атрибута type се задава MIME типа на аудио формата.

Аудио формат MIME тип
MP3 audio/mpeg
OGG audio/ogg
WAV audio/wav