Howler.js é provavelmente a melhor biblioteca de áudio JavaScript
Players de áudio desatualizados é uma coisa do passado graças a áudio moderno em HTML5 e a adoção rápida do suporte ao navegador. Mas os web designers podem dar um passo adiante com um biblioteca de áudio puro tal como Howler.js.
Esta biblioteca JS gratuita de código aberto permite reproduzir arquivos de áudio a partir de formatos padrão incorporado com players personalizados. Howler vem com um API completa, então você pode construir um leitor de áudio simples, uma grande playlist, ou looping música de fundo para um jogo HTML5 no navegador.
O furo foi criado pela primeira vez no início de 2013 e passou por muitas iterações. Atualmente, o projeto senta em v2.x com mais de 7k estrelas no GitHub.
O projeto foi criado por um estúdio de jogos que usa o Howler em seus jogos da web para efeitos sonoros e música de fundo. Suporta um grande variedade de tipos de arquivos e codecs Incluindo MP3, OGG, WAV, CAA, M4A, MP4, WEBA, FLAC… nomear um arquivo de áudio e eu garanto que é suportado.
Se você quer apenas um player de áudio simples, o HTML5 pode ser o suficiente. Mas o Howler vem com muitos recursos que você Não é possível obter nativamente com HTML, tal como desaparecendo / in com cada faixa, ou cache automático para arquivos de música para diminuir os tempos de carregamento.
O furo é um biblioteca JavaScript pura sem dependências e isso suporta todos os principais navegadores Incluindo:
- Chrome 7+
- Internet Explorer 9+
- Firefox 4+
- Mobile Safari 6+
- Ópera 12+
- Microsoft Edge (todas as versões)
Navegadores mais antigos padrão para o player de áudio HTML5, por isso tem opções de retorno razoáveis.
Tudo no Howler.js é modular, para que você possa escolher quais recursos incluir e quais deixar de fora. Isso pode reduz bastante as solicitações HTTP tornando os tocadores de áudio muito mais fáceis de usar.
Você pode encontrar o documentação completa no repositório do GitHub junto com demonstrações ao vivo no site principal.
Esta é de longe a mais extensa biblioteca de áudio da web. Inclui jogo de som FX para jogos de navegador e sprites repetitivos que pode ser chamado sempre que o usuário passar o mouse ou clicar em algo na página.
Abaixo, você pode ver um aplicativo web de ajuste de graves da CodePen que demonstra uma pequena fração do que Howler pode fazer. E se você quiser Saber mais visite o repo Howler GitHub para encontrar documentação e Links para download para a versão mais recente.