webamp
1.0.0
Eine Neuauflagen von Winamp 2.9 in HTML5 und JavaScript mit vollem Hautunterstützung. Wie auf TechCrunch, Motherboard, Gizmodo, Hacker News (1, 2, 3, 4) und anderswo zu sehen.
In diesem Twitter -Thread finden Sie eine illustrierte Liste von Funktionen. Arbeitet in modernen Versionen von Edge, Firefox, Safari und Chrom. IE wird nicht unterstützt.
Hier ist das minimalste Beispiel für das Hinzufügen von Webamp zu einer Seite:
<div id = "App"> </div> <script src = "https://unpkg.com/webamp"> </script> <script> const App = document.getElementById ("App") const webamp = new Webamp (); webamp.renderwhenready (App); </script> Weitere Beispiele, einschließlich der Hinzufügung von Audiodateien, finden Sie examples/ Verzeichnisse und die API -Dokumentation.
Webamp verwendet einen Monorepo -Ansatz. Zusätzlich zum Webamp NPM -Modul enthält dieses Repository Code für einige eng verwandte Projekte und einige Webamp -Teile, die als eigenständige Module veröffentlicht werden:
packages/webamp : Das Webamp NPM -Modul
packages/webamp/demo : Die Demo -Website, die auf webamp.org lebt
packages/ani-cursor : Ein NPM-Modul zum Rendern von animierten .ani Cursors als CSS-Animationen
packages/skin-database : Die Serverkomponente von https://skins.webamp.org, der auch unseren Twitter-Bot ausführt, und einen Discord-Bot für unseren Community-Chat
packages/skin-museum-client : Die Front-End-Komponente von https://skins.webamp.org.
packages/winamp-eqf : Ein NPM-Modul zum Parsen und Bau von Winamp Equalizer Preset-Dateien ( .eqf )
packages/archive-org-webamp-integration-tests : Eine Integration, die bestätigt, dass die Webamp-Integration von Archive.org wie erwartet funktioniert
packages/webamp-modern : Ein Prototyp, der das Rendering "Modern" Winamp Skins im Browser erforscht
examples : Einige Beispiele, die zeigen, wie das NPM -Modul verwendet wird
Treten Sie unserem Community -Chat über Discord an: https://discord.gg/fbtdmqr
Verwandte Communities:
Winamp Community Update Pack-"Neue Plug-Ins, um Winamp zusätzliche Funktionen zu erweitern, sowie Ersatz-Plug-Ins, um bessere Implementierungen einiger der nativ enthaltenen Plug-Ins zu bieten". (Forum / Discord Server)
Eine unvollständige Liste von Websites mit Webamp:
Internetarchiv - Mit dem Internet -Archiv können Sie Winamp Skins vorschauen und Audio -Tracks über Webamp hören
Winampify.io - Ein Online -Spotify -Client, der Webamp verwendet
Webamp -Desktop - Eine Elektron -App -Version von Webamp
98.js.org - Ein Windows 98 -Klon in JavaScript (GitHub)
winxp.now.sh - Ein Windows XP -Klon in JavaScript mit React (GitHub)
Versuchen Sie es mit Andys Schreibtisch - eine schrullige Windows -Desktop -Erfahrung.
www.dkdomino.zone - jemand's Personal Music Player
Butterchurn, The Amazing Milkdrop 2 WebGL -Implementierung. Gebaut und in das Webamp integriert von: Jberg
Forschung und Feature -Prototyping: @paez
Beta -Feedback, die viele kleine UI -Inkonsistenzen fangen: Luigihann
Beta -Feedback und Insider Antworten auf obskure Winamp Fragen: Darren Owen
Spenden Sie den Namen webamp NPM -Moduls: Dave Eddy
Vielen Dank an Justin Frankel und alle bei Nullsoft für Winamp, die so viele von uns inspirierte.
Während der Winamp -Name, die Schnittstelle und die Beispiel -Audio -Datei sicherlich die Eigenschaft von NullSoft sind, wird der Code in diesem Projekt unter der MIT -Lizenz veröffentlicht. Wenn Sie mit diesem Code etwas Interessantes tun, lassen Sie es mich bitte wissen. Ich würde es gerne sehen.
