Как я могу проигрывать аудио с помощью Javascript?


8

Я хочу добавить короткую звуковую дорожку в игру концентрации, которую я кодирую. Я хочу, чтобы звук появился, когда пользователь выиграл игру. Как мне это сделать? Буду очень признателен за помощь, спасибо.


2
Это может помочь: stackoverflow.com/questions/1933969/…
bummzack

В моей игре я играю музыку со встроенным плеером Youtube.
Jcora

Какие браузеры и версии вы хотите поддерживать?
Михас

Ответы:


5

Если вы используете что-то вроде canvas и уже используете браузер, поддерживающий HTML5, вы можете использовать этот audioэлемент.

var win = new Audio('srcfile.wav');
if(playerWon === true){
    win.play();
}

4

Аудио в HTML5 на данный момент является минным полем, с частичной поддержкой формата.

Мы написали несколько постов в блоге о поддержке аудио в HTML5. Эта диаграмма показывает поддержку браузера: http://www.scirra.com/blog/44/on-html5-audio-formats-aac-and-ogg#chart

Удивительно, но IE не поддерживает воспроизведение WAV. Вы должны выбрать аудио 2 формата, чтобы охватить все платформы.

Остерегайтесь использования MP3 в играх

Это будет стоить вам 2500 долларов за название в лицензионных сборах, если у него более 5000 дистрибутивов. http://www.scirra.com/blog/64/why-you-shouldnt-use-mp3-in-your-html5-games

Мы считаем, что лучшая комбинация - AAC / Ogg для всех браузеров.


2

Я нашел статью с описанием этой библиотеки, которая должна соответствовать вашим потребностям.

Если у вас еще нет звуковых файлов и вы хотите создать их с некоторой библиотекой fx, то вы можете посмотреть на jsfx, который я использовал в моей последней игре на клавиатуре (особенно эти два файла интересны (не обращайте внимания на coffeescript, это все компилируется в javascript): звуки и игровой контроллер


0

Web Audio API идеально подходит для воспроизведения звука в JavaScript, но в настоящее время только Chrome поддерживает его.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.