Как вы воспроизводите звук в веб-браузере?

Как воспроизвести звук в веб-браузере в качестве уведомления?

Вы можете использовать сочетании с JavaScript для воспроизведения звуков в данный момент времени. Разумеется, вам понадобится JavaScript, как это делается на интерфейсе, и, следовательно, с программированием на стороне клиента.

Например,

  

Затем, для сценариев, поместите это где-нибудь в любой части вашего скрипта, который требует звукового уведомления:

 document.getElementById('notification').play(); 

Для тех, кто рекомендует Flash, поскольку он поддерживается в IE, обратите внимание на изящное ухудшение , где для несущественных вещей (например, звукового уведомления) мы выбираем использовать новые рекомендованные технологии, которые работают на большинстве браузеров, вместо использования хакерских, небезопасных методов для попробуйте заставить все браузеры работать.

С HTML5 вы можете использовать немного javascript и -tag.

У меня есть пример на моем сайте: http://www.khaaaaan.com

Javascript:

  

Кнопка, которая активирует звук:

  

А затем аудио-тег

  

Это также работает (используется перед -script 🙂

Кросс-платформенный, кросс-браузерный способ воспроизведения звука с Javascript?

Поскольку звуковой тег не является нормативным, я бы предложил использовать «устаревший» способ обработки этого.

Вот еще одно сообщение SO, которое имеет дело с этим:

Кросс-платформенный, кросс-браузерный способ воспроизведения звука с Javascript?

Вы также можете встроить виджет Flash, который мог бы одновременно выполнять всевозможные другие полезные вещи, включая отслеживание того, сколько раз пользователь запускал звуковую подсказку, или предоставлял интерфейс для отключения таких звуковых запросов. Использование Flash также предложит вам streamовые функции и локальное хранилище данных флэш-файлов cookie.

Хотя вы можете сделать это со звуковым тегом, он не будет работать в браузерах, которые не поддерживают HTML5. Самый простой способ – использовать …

  

В этом случае используется проигрыватель по умолчанию. Например: Media Player в windowsх.

Но стандартный способ – использовать flash

Учебник можно найти здесь .

Это также работает во всех браузерах IE4 +, Firefox (все), Chrome … И не зависит от HTML 5 или Flash и использует проигрыватель по умолчанию, который всегда есть.

NB: тег EMBED не является частью спецификаций HTML 4 или xHTML 1, но он по-прежнему широко поддерживается современными браузерами. В отличие от других тегов атрибуты, используемые тегом EMBED, зависят от типа используемого плагина (эта концепция нечетного свободного атрибута – это почему тег EMBED был отклонен разработчиками стандартов HTML).

Но это решает проблемы 🙂