Startseite » Toolkit » Howler.js ist wahrscheinlich die beste JavaScript-Audio-Bibliothek

    Howler.js ist wahrscheinlich die beste JavaScript-Audio-Bibliothek

    Veraltete Audio-Player gehören dank der Vergangenheit an modernes HTML5-Audio und das schnelle Übernahme der Browserunterstützung. Aber Webdesigner können mit a einen Schritt weiter gehen reine Audio-Bibliothek sowie Howler.js.

    Diese kostenlose Open Source JS-Bibliothek ermöglicht es Ihnen Abspielen von Audiodateien aus Standardformaten eingebettet mit benutzerdefinierten Playern. Heuler kommt mit einem volle API, so kannst du eine bauen einfacher Audio-Player, ein große Playlist, oder Hintergrundmusik schleifen für ein In-Browser-HTML5-Spiel.

    Howler wurde Anfang 2013 gegründet hat viele Iterationen durchlaufen. Derzeit ist das Projekt sitzt bei v2.x mit über 7k Sternen auf GitHub.

    Das Projekt war erstellt von einem Spielstudio das verwendet Howler in ihren Web-Spielen für Soundeffekte und Hintergrundmusik. Es unterstützt a große Auswahl an Dateitypen und Codecs einschließlich MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC… Benennen Sie eine Audiodatei und ich garantiere, dass sie unterstützt wird.

    Howler.js Demos

    Wenn Sie nur einen einfachen Audioplayer haben möchten, reicht HTML5 möglicherweise aus. Aber Howler bringt viele Funktionen mit kann mit HTML nicht nativ werden, sowie Ein- / Ausblenden mit jeder Spur oder automatisches Caching für Musikdateien, um die Ladezeiten zu verringern.

    Howler ist ein reine JavaScript-Bibliothek ohne Abhängigkeiten und es unterstützt alle gängigen Browser einschließlich:

    • Chrome 7+
    • Internet Explorer 9+
    • Firefox 4+
    • Mobile Safari 6+
    • Opera 12+
    • Microsoft Edge (alle Versionen)

    Ältere Browser Der Standardwert ist der HTML5-Audioplayer, so hat es vernünftige Fallback-Optionen.

    Alles in Howler.js ist modular, So können Sie auswählen, welche Funktionen enthalten sein sollen und welche ausgelassen werden sollen. Das kann HTTP-Anforderungen stark reduzieren Audioplayer werden dadurch wesentlich benutzerfreundlicher.

    Sie können das finden vollständige Dokumentation im GitHub-Repo zusammen mit Live-Demos auf der Hauptseite.

    Dies ist bei weitem die umfangreichste Audiobibliothek im Web. Es enthält Spielton FX für Browserspiele und Wiederholbare Sprites Das kann aufgerufen werden, wenn der Benutzer etwas auf der Seite anklickt oder anklickt.

    Unten sehen Sie eine Bass-Tuning-Web-App von CodePen das zeigt einen kleinen Bruchteil von was Howler kann. Und wenn du willst Lern mehr Besuchen Sie das Howler GitHub-Repo Dokumentation finden und Download links für die neueste Version.