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.

So erstellen Sie SVG-Animation mit CSS

So erstellen Sie SVG-Animation mit CSS

Das Animieren von SVG kann über native Elemente wie z und . Aber für diejenigen, die mit CSS-Animationen besser vertraut sind, können wir auch animierte SVGs mit CSS-Animation-Eigenschaften versehen.CSS-Animation könnte auch eine alternative Möglichkeit zur Verwendung von JavaScript-Bibliothek wie SnapSVG sein. In

(Tech- und Design-Tipps)

Treffen Sie EMMA - den KI-aktivierten Plagiat-Detektor

Treffen Sie EMMA - den KI-aktivierten Plagiat-Detektor

Während wir noch versuchten, unsere Köpfe um die App zu legen, die künstliche Intelligenz zur Analyse von Fotos verwendet, hat der Wissenschaftsprofessor Aleksandr Marchenko EMMA entwickelt, die weltweit erste öffentlich zugängliche Web-App zur Identifizierung von Urheberrechten, die KI zur Erkennung von Plagiaten einsetzt.Die

(Tech- und Design-Tipps)