Como reproduzo áudio com Javascript?

8

Quero adicionar uma pequena faixa de áudio a um jogo de concentração que estou codificando. Quero que o som ocorra quando o usuário vencer o jogo. Como faço para fazer isso? Eu realmente aprecio a ajuda, obrigado.

Sarah Ashleigh
fonte
2
Isso pode ajudar: stackoverflow.com/questions/1933969/…
bummzack 25/10
No meu jogo, toco música com um player incorporado do Youtube.
Jcora # 28/11
Quais navegadores e versões você deseja oferecer suporte?
Michas

Respostas:

5

Se você estiver usando algo como canvas e já estiver dependendo do navegador que suporta HTML5, poderá usar o audioelemento

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

No momento, o áudio em HTML5 é um campo minado, com suporte a formatos irregulares.

Escrevemos algumas postagens de blog sobre suporte de áudio em HTML5. Este gráfico mostra o suporte ao navegador: http://www.scirra.com/blog/44/on-html5-audio-formats-aac-and-ogg#chart

Surpreendentemente, o IE não suporta a reprodução de WAVs. Você deve escolher os formatos de áudio 2 para obter cobertura em todas as plataformas.

Cuidado com o MP3 em jogos

Vai custar US $ 2.500 por título em taxas de licenciamento, se houver mais de 5.000 distribuições. http://www.scirra.com/blog/64/why-you-shouldnt-use-mp3-in-your-html5-games

Achamos que a melhor combinação a ser usada é o AAC / Ogg para cobrir todos os navegadores.

Tom Gullen
fonte
2

Encontrei um artigo descrevendo esta biblioteca que deveria atender às suas necessidades.

Se você ainda não possui arquivos de som e deseja criá-los com alguma biblioteca fx, convém examinar o jsfx que usei na última digitação do jogo (especialmente esses dois arquivos são interessantes (não se importe com o coffeescript, ele tudo compila para javascript): sons e controlador de jogo

Thomas R. Koll
fonte
0

A API de áudio da Web é perfeita para reproduzir áudio em javascript, mas atualmente apenas o Chrome é compatível.

AshleysBrain
fonte