Jump to content

HTML-аудио

(Перенаправлено из API веб-аудио )

[1] HTML-аудио является предметом спецификации HTML и включает в себя ввод, воспроизведение и синтез звука в браузере.

элемент <аудио>

[ редактировать ]

The <audio> элемент представляет звук или аудиопоток. Обычно он используется для воспроизведения одного аудиофайла на веб-странице, показывая виджет графического интерфейса с элементами управления воспроизведением/паузой/громкостью.

The <audio> элемент имеет следующие атрибуты:

  • глобальные атрибуты (accesskey; class; contenteditable; contextmenu; dir; перетаскиваемый; dropzone; скрытый; id; язык; проверка орфографии; стиль; tabindex; заголовок; перевод)
  • autoplay = "автовоспроизведение" или "" (пустая строка) или пусто
    Указывает агенту пользователя автоматически начать воспроизведение аудиопотока, как только он сможет сделать это без остановки.
  • preload = «нет» или «метаданные» или «авто» или «» (пустая строка) или пусто
    Представляет собой подсказку для User-Agent о том, считается ли целесообразным оптимистичная загрузка самого аудиопотока или его метаданных.
    • «нет»: намекает агенту пользователя, что пользователю не понадобится аудиопоток или что желательно минимизировать ненужный трафик.
    • «Метаданные»: намекает агенту пользователя, что пользователю не понадобится аудиопоток, но желательно получить его метаданные (длительность и т. д.).
    • «auto»: указывает агенту пользователя, что оптимистичная загрузка всего аудиопотока считается желательной.
  • control = "controls" или "" (пустая строка) или пусто
    Указывает агенту пользователя предоставить пользовательский интерфейс для управления воспроизведением аудиопотока.
  • цикл = "цикл" или "" (пустая строка) или пусто
    Указывает агенту пользователя вернуться к началу аудиопотока после достижения конца.
  • медиагруппа = строка
    Указывает агенту пользователя связать несколько видео и/или аудиопотоков вместе.
  • muted = «приглушено» или «» (пустая строка) или пусто
    Представляет состояние аудиопотока по умолчанию, потенциально переопределяющее предпочтения пользователя.
  • src = непустой [URL] потенциально окружен пробелами
    URL-адрес аудиопотока.

Пример:

Поддержка браузеров

[ редактировать ]

На ПК:

  • Гугл Хром
  • Интернет Эксплорер 9
  • Фаерфокс 3.5
  • Опера 10.5
  • Google
  • Сафари 3.1

На мобильных устройствах:

  • Android-браузер 2.3
  • Гугл Хром
  • Интернет Эксплорер Мобайл 9
  • Сафари 4
  • Firefox
  • Опера Мобайл 11

Поддерживаемые форматы кодирования звука

[ редактировать ]

Внедрение HTML-аудио, как и HTML-видео , разделилось между сторонниками свободных и запатентованных форматов. рекомендацию по использованию Vorbis отозвал Ogg из HTML5 спецификации В 2007 году W3C вместе с рекомендацией по использованию Theora , сославшись на отсутствие формата, принятого всеми основными поставщиками браузеров.

Apple и Microsoft поддерживают ISO / IEC , определенные форматы AAC , и более старый формат MP3 . Mozilla и Opera поддерживают бесплатный и открытый , не требующий лицензионных отчислений формат Vorbis в контейнерах Ogg и WebM и критикуют обремененный патентами характер MP3 и AAC, которые гарантированно являются «несвободными». На данный момент Google обеспечивает поддержку всех распространенных форматов.

Большинство файлов AAC конечной длины упакованы в контейнер MPEG-4 (.mp4, .m4a), который изначально поддерживается в Internet Explorer, Safari и Chrome и поддерживается операционной системой в Firefox и Opera. [2] Большинство прямых потоков AAC бесконечной длины заключены в контейнер транспортного потока аудиоданных (.aac, .adts), который поддерживается Chrome, Safari, Firefox и Edge. [3] [4] [5]

Многие браузеры также поддерживают несжатый звук PCM в контейнере WAV E. [6]

бесплатный и открытый формат Opus В 2012 году был выпущен и стандартизирован IETF , не требующий лицензионных отчислений . Его поддерживают Mozilla, Google, Opera и Edge. [6] [7] [8] [9]

В этой таблице документирована текущая поддержка кодирования звука форматов <audio> элемент.

Форматы, поддерживаемые различными веб-браузерами
Формат Контейнер MIME-тип Хром Интернет Эксплорер Край Firefox Опера Сафари
ПКМ WAV аудио/wav Да Нет Да Да, в версии 3.5 [ нужна ссылка ] Да, в версии 11.00 Да, в версии 3.1
MP3 MP3 аудио/mpeg Да [10] Да, в IE9 Да Да, в v71 [11] Да [10] Да, в версии 3.1
ААС МП4 аудио/mp4 Да Да, в IE9 Да Из ОС [а] Да Да
АДТС [б] аудио/aac
аудио/aacp
Да Нет Да Из ОС [а] в версии 45.0 [13] [14] Да Да
Ворбис Огг аудио/ogg Да, в версии 9 Нет В v79 [15]
В версии 17 с расширениями веб-медиа [16]
Да, в версии 3.5 [17] Да, в версии 10.50 С компонентами Xiph QuickTime ( macOS 10.11 и более ранние версии)
ВебМ аудио/вебм Да Нет В v79 [15]
В версии 17 с расширениями веб-медиа [16]
Да, в версии 4.0 [18] Да, в версии 10.60 Нет
Опус Огг аудио/ogg Да, в v25
(в версии 31 для Windows)
Нет В v79 [19]
В версии 17 с расширениями веб-медиа [16]
Да, в версии 15.0 [20] Да, в версии 14 Нет
ВебМ аудио/вебм Да Нет В v79 [19]
В версии 17 с расширениями веб-медиа [16]
Да, в версии 28.0 [21] Да Да, в Safari 15+ и macOS Monterey. [22] [23]
КАФ аудио/х-кафе Нет Нет Нет Нет Нет Да, в Safari 11 и macOS High Sierra.
ФЛАК ФЛАК аудио/флак Да, в v56 [24] Нет Да, в версии 16 [25] Да, в версии 51 [26] Да Да, в версии 11 [27]
Огг аудио/ogg Да, в v56 [24] Нет В v79 [28]
В версии 17 с расширениями веб-медиа [16]
Да, в версии 51 [26] Да Нет

API веб-аудио и API обработки MediaStream

[ редактировать ]

Спецификация API веб-аудио, разработанная W3C, описывает API JavaScript высокого уровня для обработки и синтеза звука в веб-приложениях. Основная парадигма представляет собой граф маршрутизации звука, в котором несколько объектов AudioNode соединены вместе для определения общего рендеринга звука. Фактическая обработка в основном будет происходить в базовой реализации (обычно оптимизированный код Ассамблеи/C/C++), но также поддерживается прямая обработка и синтез JavaScript. [29]

Браузер Mozilla Firefox реализует аналогичное расширение API аудиоданных, начиная с версии 4, реализованной в 2010 году. [30] и выпущен в 2011 году, но Mozilla предупреждает, что он нестандартен и устарел, и рекомендует вместо этого API веб-аудио. [31] Некоторые библиотеки обработки и синтеза звука JavaScript, такие как Audiolet, заархивировано 28 января 2013 г. на Wayback Machine, поддерживают оба API.

Рабочая группа W3C Audio также рассматривает спецификацию MediaStream Processing API, разработанную Mozilla . [32] Помимо микширования и обработки звука, он охватывает более общую потоковую передачу мультимедиа, включая синхронизацию с элементами HTML, захват аудио- и видеопотоков, а также одноранговую маршрутизацию таких медиапотоков. [33]

Поддержка браузеров

[ редактировать ]

На ПК:

На мобильных устройствах:

  • Google Chrome для Android 28 (включен по умолчанию с версии 29) и Apple iPad
  • Safari 6 (имеет ограничения на использование (отключен, пока пользователь не позвонит))
  • Firefox 23 (включен по умолчанию с версии 25)
  • Тизен

API веб-речи

[ редактировать ]

API Web Speech призван предоставить альтернативный метод ввода для веб-приложений (без использования клавиатуры). С помощью этого API разработчики могут предоставить веб-приложениям возможность транскрибировать голос в текст с микрофона компьютера. Записанный звук отправляется на речевые серверы для транскрипции, после чего текст набирается для пользователя. Сам API не зависит от базовой реализации распознавания речи и может поддерживать как серверные, так и встроенные распознаватели. [36] Группа HTML Speech Incubator предложила реализовать аудиоречевую технологию в браузерах в виде унифицированных кроссплатформенных API. API содержит оба: [37]

  • API речевого ввода
  • Преобразование текста в речь API

Google интегрировал эту функцию в Google Chrome в марте 2011 года. [38] Предоставление пользователям возможности голосового поиска в Интернете с помощью такого кода:

Поддержка браузеров

[ редактировать ]
  • Сафари 14.1 и более поздние версии [39]
  • Гугл Хром 25 и выше
  • Firefox Desktop 44.0 и более поздние версии (Linux и Mac) / 45.0 и более поздние версии (Windows) [ЧАСТИЧНО: только синтез речи; никакого признания; включен по умолчанию с версии 49.0] [40] [41]

См. также

[ редактировать ]

Примечания

[ редактировать ]
  1. ^ Перейти обратно: а б Встроенная поддержка кодека AAC отсутствует по причинам лицензирования. Для декодирования аудиофайлов требуется, чтобы ОС хоста предоставила совместимую библиотеку. [12]
  2. ^ Файл MPEG-4 содержит заголовок, который включает метаданные, за которыми следуют «дорожки», которые могут включать как видео, так и аудиоданные, например, видео в кодировке H.264 и аудио в кодировке AAC. ADTS, напротив, представляет собой потоковый формат, состоящий из серии кадров, каждый из которых имеет заголовок, за которым следуют данные AAC. [4]
  1. ^ «Ресурсы – Сафари» . Разработчик Apple . Проверено 18 ноября 2022 г.
  2. ^ «TechFans.net – Блог новостей технологий и бизнеса» . TechFans.net . Проверено 18 ноября 2022 г.
  3. ^ «Контейнер MP4 · Выпуск № 95 · karlheyes/icecast-kh» . Гитхаб . Проверено 18 ноября 2022 г.
  4. ^ Перейти обратно: а б «Техническое примечание TN2236: Высокоэффективное усовершенствованное кодирование звука (HE-AAC)» .
  5. ^ «1224887 — реализация клиента декодирования звука OpenMax IL AAC» .
  6. ^ Перейти обратно: а б «Руководство по типам и форматам медиа: изображения, аудио и видеоконтент – Технологии веб-медиа | MDN» . http://developer.mozilla.org .
  7. ^ «11 сентября 2012 г.: аудиокодек Opus теперь имеет название RFC6716, выпущен справочный источник Opus 1.0.1» .
  8. ^ «Это Opus, он потрясающий, и теперь это стандарт аудиокодека! – Mozilla Hacks – блог веб-разработчиков» .
  9. ^ «Поддержка WebM, VP9 и Opus в Microsoft Edge — блог разработчиков Microsoft EdgeБлог разработчиков Microsoft Edge» . блоги.windows.com . 18 апреля 2016 года . Проверено 22 марта 2017 г.
  10. ^ Перейти обратно: а б «Включить поддержку mp3 в Chromium» . Google . Проверено 1 мая 2018 г.
  11. ^ «Примечания к выпуску Firefox 71.0» . Мозилла. 3 декабря 2019 г.
  12. ^ «Руководство по типам и форматам медиа: изображения, аудио и видеоконтент» . Сеть разработчиков Mozilla . Мозилла . Проверено 6 декабря 2019 г.
  13. ^ «1190341 — рассылка аудио/aacp не поддерживается» .
  14. ^ «1169212 — Создать ADTSDemuxer, MediaDataDemuxer» .
  15. ^ Перейти обратно: а б «Состояние платформы — разработчик Microsoft Edge» .
  16. ^ Перейти обратно: а б с д и «Представляем пакет расширений Web Media с поддержкой OGG Vorbis и Theora для Microsoft Edge» . Блог разработчиков Microsoft Edge . Майкрософт . 5 декабря 2017 г.
  17. ^ «Заметки Firefox — Рабочий стол» .
  18. ^ «Заметки Firefox — Рабочий стол» .
  19. ^ Перейти обратно: а б «Состояние платформы — разработчик Microsoft Edge» . разработчик.microsoft.com .
  20. ^ «Заметки Firefox — Рабочий стол» .
  21. ^ «Firefox 28.0: ознакомьтесь со всеми новыми функциями, обновлениями и исправлениями» .
  22. ^ Симмонс, Джен (26 октября 2021 г.). «Новые функции WebKit в Safari 15» .
  23. ^ «Документация разработчика Apple» . разработчик.apple.com .
  24. ^ Перейти обратно: а б «Поддержка кодека FLAC для <audio> и WebAudio» . Статус платформы Chrome . Проверено 27 декабря 2016 г.
  25. ^ «Состояние платформы — разработчик Microsoft Edge» . разработчик.microsoft.com .
  26. ^ Перейти обратно: а б «Firefox 51 для разработчиков» . Сеть разработчиков Mozilla . Проверено 27 декабря 2016 г.
  27. ^ Хаим Гартенберг (6 июня 2017 г.). «Сообщается, что Apple добавляет поддержку звука без потерь FLAC в iOS 11» . Грань .
  28. ^ «Состояние платформы — разработчик Microsoft Edge» .
  29. ^ Крис Роджерс (15 марта 2012 г.). «API веб-аудио» . W3C . Архивировано из оригинала 20 июля 2012 г. Проверено 4 июля 2012 г. {{cite web}}: CS1 maint: bot: исходный статус URL неизвестен ( ссылка )
  30. ^ «API аудиоданных» .
  31. ^ «Представляем расширение Audio API» . Сеть разработчиков Mozilla . Мозилла . 05.03.2012. Архивировано из оригинала 5 мая 2012 г. Проверено 4 июля 2012 г.
  32. ^ «API обработки звука» . W3C . 15 декабря 2011 г. Архивировано из оригинала 14 июня 2012 г. Проверено 4 июля 2012 г. {{cite web}}: CS1 maint: bot: исходный статус URL неизвестен ( ссылка )
  33. ^ Роберт О'Каллахан (31 мая 2012 г.). «API обработки MediaStream» . W3C . Проверено 4 июля 2012 г.
  34. ^ «API веб-аудио теперь доступен в Chrome от Криса Роджерса 1 февраля 2011 г. ( [электронная почта защищена] с февраля 2011 г.)» . lists.w3.org . Проверено 18 ноября 2022 г.
  35. ^ Скотт Гилбертсон (19 сентября 2011 г.). «В Chrome 14 добавлен улучшенный звук и поддержка встроенного клиента» . Вебмонки . Проводной . Проверено 4 июля 2012 г.
  36. ^ «Проект API» . Проверено 28 января 2012 г.
  37. ^ «API речи HTML5» . Проверено 28 января 2012 г.
  38. ^ «Разговор с компьютером» . Проверено 28 января 2012 г.
  39. ^ «API веб-речи – веб-API | MDN» . Проверено 20 мая 2024 г.
  40. ^ «Firefox 49 для разработчиков – Mozilla | MDN» . Проверено 20 мая 2024 г.
  41. ^ «API веб-речи – веб-API | MDN» . Проверено 20 мая 2024 г.
[ редактировать ]
Arc.Ask3.Ru: конец переведенного документа.
Arc.Ask3.Ru
Номер скриншота №: f59f69dafd038ba479bf44aed6f10466__1720663200
URL1:https://arc.ask3.ru/arc/aa/f5/66/f59f69dafd038ba479bf44aed6f10466.html
Заголовок, (Title) документа по адресу, URL1:
HTML audio - Wikipedia
Данный printscreen веб страницы (снимок веб страницы, скриншот веб страницы), визуально-программная копия документа расположенного по адресу URL1 и сохраненная в файл, имеет: квалифицированную, усовершенствованную (подтверждены: метки времени, валидность сертификата), открепленную ЭЦП (приложена к данному файлу), что может быть использовано для подтверждения содержания и факта существования документа в этот момент времени. Права на данный скриншот принадлежат администрации Ask3.ru, использование в качестве доказательства только с письменного разрешения правообладателя скриншота. Администрация Ask3.ru не несет ответственности за информацию размещенную на данном скриншоте. Права на прочие зарегистрированные элементы любого права, изображенные на снимках принадлежат их владельцам. Качество перевода предоставляется как есть. Любые претензии, иски не могут быть предъявлены. Если вы не согласны с любым пунктом перечисленным выше, вы не можете использовать данный сайт и информация размещенную на нем (сайте/странице), немедленно покиньте данный сайт. В случае нарушения любого пункта перечисленного выше, штраф 55! (Пятьдесят пять факториал, Денежную единицу (имеющую самостоятельную стоимость) можете выбрать самостоятельно, выплаичвается товарами в течение 7 дней с момента нарушения.)