5:24 AM Урок №6 Аудио в HTML5 | ||||||||||||||||||||||||||||||||||||||
HTML5 предоставя стандарт за възпроизвеждане на аудио файл. Аудио в страницата ВиПреди HTML5, нямаше стандарт за възпроизвеждане на аудио файл в уеб-страница. Преди HTML5, аудио файловете можеха да се възпроизвеждат само с plug-in (Flash). Елемента <audio> в HTML5 определя стандартен начин по който да се прикачват аудио файлове към страницата Ви. Поддържащи браузъри
Internet Explorer 9+, Firefox, Opera, Chrome, и Safari поддържат елемента <audio>. Note: Internet Explorer 8 и по-ранните му версии не поддържат елемента <audio>. Елемента <audio> в HTMLЗа да възпроизведете аудио файл в HTML, използвайте елемента <audio> по следния начин: Пример<audio controls>
<source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Браузъра Ви не поддържа аудио тагът. </audio> Как работи?Атрибута controls добавя средства с които да контролирате аудио файлът като възпроизвеждане,пауза и сила на звука. Текстът между тагът <audio> и </audio> ще се показва само в браузърите които не поддържат елемента <audio>. Поддържащи браузъри за
|
Браузър | MP3 | Wav | Ogg |
---|---|---|---|
Internet Explorer | Да | Не | Не |
Chrome | Да | Да | Да |
Firefox | Да | Да | Да |
Safari | Да | Да | Не |
Opera | Не | Да | Да |
Видове медии в HTML
Файлов формат | Видове медии |
---|---|
MP3 | audio/mpeg |
Ogg | audio/ogg |
Wav | audio/wav |
Аудио - Методи,Свойства и Събития в HTML
HTML5 определя DOM методи,свойства и събития за елемента <audio>.
Това ви позволява да зареждате,възпроизвеждате и спирате аудио файловете, както и да регулирате звука им.
Също така има и DOM събития които ви предупреждават когато аудио файл започне да се изпълнява,спре и т.н.
Аудио тагове в HTML5
Tag | Description |
---|---|
<audio> | Определя звуково съдържание |
<source> | Определя множество медийни ресурси за медийните елементи, като <video> и <аудио> |
Ако урокът ви е харесал можете да го споделите с вашите приятели във фейсбук :
Всички коментари: 0 | |