HTML5 audio

Поделись знанием:
Перейти к: навигация, поиск
   HTML

HTML5 Audio — часть спецификации HTML5, предназначенная для работы с аудио в веб-браузерах без помощи плагинов.

Включает в себя воспроизведение, синтез и запись звука, также описывает методы распознавания речи.

Элемент <audio> предоставляет элементы управления (воспроизведение/пауза/громкость), вид которых может отличаться в различных браузерах и операционных системах.





Атрибуты

Атрибуты элемента <audio>[1][2]:

  • Глобальные атрибуты[3][4]:
    • accesskey
    • class
    • contenteditable
    • dir
    • hidden
    • id
    • lang
    • spellcheck
    • style
    • tabindex
    • title
    • translate
  • src — ссылка на файл
  • preload — предзагрузка файла
  • autoplay — автовоспроизведение файла
  • loop — циклическое воспроизведение
  • muted — отключение звука
  • controls — браузерные элементы управления звуком

Пример:[5]

<audio controls>
  <source src="media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4" type='audio/mp4' />
  <source src="media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga" type='audio/ogg; codecs=vorbis' />
  <p>Your user agent does not support the HTML5 Audio element.</p>
</audio>

Поддержка браузерами

Поддержка HTML5 audio была добавлена в следующих версиях браузеров[6]:

Форматы сжатия звука

При обсуждении спецификации возникали разногласия между сторонниками свободных и запатентованных алгоритмов сжатия звука.

В частности, Apple и Microsoft высказывали поддержку стандарта сжатия AAC и классического MP3, тогда как Mozilla и Opera поддерживали открытый свободный формат Vorbis в контейнерах Ogg и WebM, критикуя большое количество патентов, защищающих форматы MP3 и AAC.

См. также

Напишите отзыв о статье "HTML5 audio"

Примечания

  1. [www.w3.org/TR/html5/embedded-content-0.html#the-audio-element 4.7 Embedded content — HTML5]
  2. [html.spec.whatwg.org/multipage/embedded-content.html#the-audio-element HTML Standard]
  3. [www.w3.org/TR/html5/dom.html#global-attributes 3 Semantics, structure, and APIs of HTML documents — HTML5]
  4. [html.spec.whatwg.org/multipage/dom.html#global-attributes HTML Standard]
  5. [www.w3.org/wiki/HTML/Elements/audio HTML/Elements/audio - W3C Wiki]
  6. caniuse.com/#search=audio
  7. [developer.mozilla.org/en-US/docs/Web/HTML/Element/audio <audio> — HTML (HyperText Markup Language) | MDN]
  8. [docs.webplatform.org/wiki/html/elements/audio audio · html · WPD · WebPlatform.org]
  9. [developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.html About HTML5 Audio and Video]

Отрывок, характеризующий HTML5 audio

И с решительностью и нежностью, которая бывает в минуты пробуждения, она обняла подругу, но заметив смущение на лице Сони, лицо Наташи выразило смущение и подозрительность.
– Соня, ты прочла письмо? – сказала она.
– Да, – тихо сказала Соня.
Наташа восторженно улыбнулась.
– Нет, Соня, я не могу больше! – сказала она. – Я не могу больше скрывать от тебя. Ты знаешь, мы любим друг друга!… Соня, голубчик, он пишет… Соня…
Соня, как бы не веря своим ушам, смотрела во все глаза на Наташу.
– А Болконский? – сказала она.
– Ах, Соня, ах коли бы ты могла знать, как я счастлива! – сказала Наташа. – Ты не знаешь, что такое любовь…
– Но, Наташа, неужели то всё кончено?
Наташа большими, открытыми глазами смотрела на Соню, как будто не понимая ее вопроса.
– Что ж, ты отказываешь князю Андрею? – сказала Соня.
– Ах, ты ничего не понимаешь, ты не говори глупости, ты слушай, – с мгновенной досадой сказала Наташа.
– Нет, я не могу этому верить, – повторила Соня. – Я не понимаю. Как же ты год целый любила одного человека и вдруг… Ведь ты только три раза видела его. Наташа, я тебе не верю, ты шалишь. В три дня забыть всё и так…
– Три дня, – сказала Наташа. – Мне кажется, я сто лет люблю его. Мне кажется, что я никого никогда не любила прежде его. Ты этого не можешь понять. Соня, постой, садись тут. – Наташа обняла и поцеловала ее.
– Мне говорили, что это бывает и ты верно слышала, но я теперь только испытала эту любовь. Это не то, что прежде. Как только я увидала его, я почувствовала, что он мой властелин, и я раба его, и что я не могу не любить его. Да, раба! Что он мне велит, то я и сделаю. Ты не понимаешь этого. Что ж мне делать? Что ж мне делать, Соня? – говорила Наташа с счастливым и испуганным лицом.
– Но ты подумай, что ты делаешь, – говорила Соня, – я не могу этого так оставить. Эти тайные письма… Как ты могла его допустить до этого? – говорила она с ужасом и с отвращением, которое она с трудом скрывала.
– Я тебе говорила, – отвечала Наташа, – что у меня нет воли, как ты не понимаешь этого: я его люблю!
– Так я не допущу до этого, я расскажу, – с прорвавшимися слезами вскрикнула Соня.
– Что ты, ради Бога… Ежели ты расскажешь, ты мой враг, – заговорила Наташа. – Ты хочешь моего несчастия, ты хочешь, чтоб нас разлучили…