webamp

Webamp

Une réimplémentation de Winamp 2.9 dans HTML5 et JavaScript avec un support cutané complet. Comme on le voit sur TechCrunch, Motherboard, Gizmodo, Hacker News (1, 2, 3, 4) et ailleurs.

Consultez ce fil Twitter pour une liste illustrée de fonctionnalités. Fonctionne dans des versions modernes de Edge, Firefox, Safari et Chrome. IE n'est pas pris en charge.

Ajouter Webamp à votre site

Voici l'exemple le plus minimal d'ajouter Webamp à une page:

 <div id = "app"> </ div> <script src = "https://unpkg.com/webamp"> </ script> <cript> const applic = document.getElementByid ("app") const webamp = new Webamp (); webamp.renderWhenReady (app); </cript>

Pour plus d'exemples, y compris comment ajouter des fichiers audio, consultez examples/ répertoires et la documentation de l'API.

À propos de ce référentiel

Webamp utilise une approche Monorepo, donc en plus du module NPM Webamp, ce référentiel contient du code pour quelques projets étroitement liés et quelques éléments WebAmp qui sont publiés sous forme de modules autonomes:

• packages/webamp : le module NPM Webamp

• packages/webamp/demo : le site de démonstration qui vit sur webamp.org

• packages/ani-cursor : un module NPM pour rendre les curseurs .ani animés en tant qu'animations CSS

• packages/skin-database : le composant serveur de https://skins.webamp.org qui exécute également notre bot Twitter, et un bot Discord pour notre chat communautaire

• packages/skin-museum-client : Le composant frontal de https://skins.webamp.org.

• packages/winamp-eqf : un module NPM pour l'analyse et la construction de fichiers préréglants d'égaliseur Winamp ( .eqf )

• packages/archive-org-webamp-integration-tests : une intégration qui confirme que l'intégration Webamp d'Archive.org fonctionne comme prévu

• packages/webamp-modern : un prototype explorant le rendu de skins Winamp "moderne" dans le navigateur

• examples : Quelques exemples montrant comment utiliser le module NPM

Communauté

Rejoignez notre chat communautaire sur Discord: https://discord.gg/fbtdmqr

Communites connexes:

• Winamp Community Update Pack - "Les nouveaux plug-ins pour ajouter des fonctionnalités supplémentaires à Winamp ainsi que les plug-ins de remplacement pour fournir de meilleures implémentations de certains des plug-ins nativement inclus avec Winamp". (Forum / Discord Server)

À l'état sauvage

Une liste incomplète de sites Web utilisant Webamp:

• Archives Internet - L'archive Internet vous permet de prévisualiser Winamp Skins et d'écouter des pistes audio à l'aide de Webamp

• Winampify.io - un client Spotify en ligne utilisant Webamp

• Webamp Desktop - une version de l'application électronique de Webamp

• 98.js.org - Un clone Windows 98 en JavaScript (GitHub)

• winxp.now.sh - Un clone Windows XP en JavaScript avec React (github)

• Essayez le bureau de Andy - une expérience de bureau sur le thème des fenêtres originales.

• www.dkdomino.zone - lecteur de musique personnelle de quelqu'un

Merci

• ButterChurn, l'implémentation incroyable de Milkdrop 2 Webgl. Construit et intégré dans Webamp par: Jberg

• Recherche et comporter du prototypage: @paez

• Retour bêta, attraper de nombreuses incohérences de petites internes: Luigihann

• Feedback bêta et réponses d'initié aux questions obscures de Winamp: Darren Owen

• Don avec le nom du module NPM webamp : Dave Eddy

Merci à Justin Frankel et à tout le monde chez Nullsoft pour Winamp, ce qui a inspiré tant d'entre nous.

Licence

Alors que le nom Winamp, l'interface et, l'exemple de fichier audio sont sûrement des propriétés de Nullsoft, le code de ce projet est publié sous la licence MIT. Cela étant dit, si vous faites quelque chose d'intéressant avec ce code, faites-le moi savoir. J'adorerais le voir.