de.hideout-lastation.com
Paradies Für Designer Und Entwickler


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

Veraltete Audio-Player gehören dank modernem HTML5-Audio und der schnellen Einführung der Browser-Unterstützung der Vergangenheit an. Aber Webdesigner können mit einer reinen Audiobibliothek wie Howler.js einen Schritt weiter gehen .

Mit dieser kostenlosen Open-Source-JS-Bibliothek können Sie Audiodateien von Standardformaten wiedergeben, die mit benutzerdefinierten Playern eingebettet sind. Howler verfügt über eine vollständige API, sodass Sie einen einfachen Audioplayer, eine große Wiedergabeliste oder Hintergrundmusik für ein HTML5-Spiel im Browser erstellen können.

Howler wurde zuerst im Frühjahr 2013 erstellt und hat viele Iterationen durchlaufen . Momentan sitzt das Projekt auf v2.x mit über 7k Sternen auf GitHub.

Das Projekt wurde von einem Spielstudio entwickelt, das Howler in seinen Web-Spielen für Sound-Effekte und Hintergrundmusik verwendet. Es unterstützt eine breite Palette von Dateitypen und Codecs einschließlich MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC ... nennen Sie eine Audiodatei und ich garantiere, dass es unterstützt wird.

Wenn Sie nur einen einfachen Audio-Player möchten, dann reicht HTML5 aus. Aber Howler kommt mit vielen Funktionen, die Sie nicht nativ mit HTML erhalten können, wie das Ein- / Ausblenden mit jeder Spur oder das automatische Caching für Musikdateien, um die Ladezeiten zu verringern.

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

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

Ältere Browser verwenden standardmäßig den HTML5-Audioplayer .

Alles in Howler.js ist modular aufgebaut, so dass Sie auswählen können, welche Funktionen einbezogen und welche weggelassen werden sollen. Dies kann HTTP-Anfragen stark reduzieren, wodurch Audio-Player viel einfacher zu benutzen sind.

Sie finden die vollständige Dokumentation im GitHub-Repo zusammen mit Live-Demos auf der Hauptseite.

Dies ist mit Abstand die umfangreichste Audio-Bibliothek im Internet. Es enthält Spiel-Sound-Effekte für Browser-Spiele und wiederholbare Sprites, die aufgerufen werden können, wenn der Benutzer auf der Seite schwebt oder klickt.

Unten sehen Sie eine Bass-Tuning-Web-App von CodePen, die einen kleinen Teil dessen zeigt, was Howler kann. Und wenn Sie mehr erfahren möchten , besuchen Sie das Howler GitHub Repo, um Dokumentation und Download-Links für die neueste Version zu finden.

10 Google Labs-Experimente, die Sie kennen sollten

10 Google Labs-Experimente, die Sie kennen sollten

Die Google-Ingenieure brauen in ihrem Kessel voller Anwendungen, die das Nutzererlebnis verbessern können. Im Laufe der Jahre haben sie verschiedene nützliche Anwendungen wie Google Reader, Google Maps und Google Trends entwickelt, um nur einige zu nennen. Obwohl die meisten Anwendungen noch experimentell sind und immer noch fehlerhaft sind, sind wichtige Funktionen wirklich bahnbrechend.I

(Tech- und Design-Tipps)

10 einfache und intelligente CSS-Snippets

10 einfache und intelligente CSS-Snippets

CSS ist die zugrunde liegende Sprache, die Websites ihr Aussehen gibt. Obwohl CSS eine einfache Sprache ist und leicht zu erlernen ist, kann es in einigen Fällen schwierig sein, sie zu nutzen. Nichts zu befürchten, es gibt Workarounds, die Sie online finden können, und hier sind nur 10 handliche, die Sie verwenden können.Wen

(Tech- und Design-Tipps)