Page d'accueil » Boîte à outils » Howler.js est probablement la meilleure bibliothèque audio JavaScript autour

    Howler.js est probablement la meilleure bibliothèque audio JavaScript autour

    Lecteurs audio obsolètes sont une chose du passé grâce à audio HTML5 moderne et le adoption rapide du support du navigateur. Mais les concepteurs Web peuvent aller plus loin avec un bibliothèque audio pure tel que Howler.js.

    Cette bibliothèque JS open source gratuite vous permet de lire des fichiers audio à partir de formats standard intégré avec des joueurs personnalisés. Howler vient avec un API complète, afin que vous puissiez construire un lecteur audio simple, une grande playlist, ou en boucle la musique de fond pour un jeu HTML5 dans le navigateur.

    Howler a été créé au début de 2013 et a traversé de nombreuses itérations. Actuellement, le projet assis à la v2.x avec plus de 7k étoiles sur GitHub.

    Le projet était créé par un studio de jeu qui utilise Howler dans leurs jeux Web pour les effets sonores et la musique de fond. Il supporte un large éventail de types de fichiers et de codecs comprenant MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC… nommer un fichier audio et je vous garantis qu'il est supporté.

    Howler.js démos

    Si vous voulez juste un simple lecteur audio, alors HTML5 peut être suffisant. Howler est livré avec de nombreuses fonctionnalités que vous ne peut pas obtenir nativement avec HTML, tel que fading / in avec chaque piste, ou mise en cache automatique pour les fichiers de musique pour réduire les temps de chargement.

    Howler est un bibliothèque JavaScript pure sans dépendances et cela supporte tous les principaux navigateurs comprenant:

    • Chrome 7+
    • Internet Explorer 9+
    • Firefox 4+
    • Mobile Safari 6+
    • Opéra 12+
    • Microsoft Edge (toutes les versions)

    Vieux navigateurs par défaut sur le lecteur audio HTML5, donc il a des options de secours raisonnables.

    Tout dans Howler.js est modulaire, afin que vous puissiez choisir les fonctionnalités à inclure et celles à supprimer. Cela peut réduire considérablement les requêtes HTTP rendre les lecteurs audio beaucoup plus faciles à utiliser.

    Vous pouvez trouver le documentation complète dans le repo GitHub avec démos en direct sur le site principal.

    C’est de loin la bibliothèque audio la plus complète du Web. Il comprend son jeu FX pour les jeux par navigateur et sprites reproductibles qui peut être appelé chaque fois que l'utilisateur survole ou clique sur quelque chose sur la page.

    Ci-dessous, vous pouvez voir un application web de réglage des basses de CodePen que démontre une petite fraction de ce que Howler peut faire. Et si tu veux apprendre encore plus visitez le rapport Howler GitHub à trouver de la documentation et Liens de téléchargement pour la dernière version.