Una reimplementación de Winamp 2.9 en HTML5 y JavaScript con soporte de piel completa. Como se ve en TechCrunch, Motherboard, Gizmodo, Hacker News (1, 2, 3, 4) y en otros lugares.
Echa un vistazo a este hilo de Twitter para obtener una lista ilustrada de características. Funciona en versiones modernas de Edge, Firefox, Safari y Chrome. IE no es compatible.
Aquí está el ejemplo más mínimo de agregar WebAMP a una página:
<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>
Para obtener más ejemplos, incluyendo cómo agregar archivos de audio, consulte examples/
directorio y la documentación de la API.
WebAMP utiliza un enfoque de Monorepo, por lo que además del módulo NPM WebAMP, este repositorio contiene código para algunos proyectos estrechamente relacionados y algunas piezas de WebAMP que se publican como módulos independientes:
packages/webamp
: el módulo NPM de WebAMP
packages/webamp/demo
: el sitio de demostración que vive en webamp.org
packages/ani-cursor
: un módulo NPM para hacer que los cursores .ani
animados sean animaciones CSS
packages/skin-database
: el componente del servidor de https://skins.webamp.org, que también ejecuta nuestro bot de Twitter, y un bot de discordia para el chat de nuestra comunidad
packages/skin-museum-client
: el componente frontal de https://skins.webamp.org.
packages/winamp-eqf
: un módulo NPM para analizar y construir archivos preestablecidos de ecualización de Winamp ( .eqf
)
packages/archive-org-webamp-integration-tests
: una integración que confirma que la integración de WebAMP de Archive.org funciona como se esperaba como se esperaba
packages/webamp-modern
: un prototipo que explora las pieles de vicendio "modernas" en el navegador
examples
: algunos ejemplos que muestran cómo usar el módulo NPM
Únase a nuestro chat comunitario en Discord: https://discord.gg/fbtdmqr
Comunidades relacionadas:
Paquete de actualización de la comunidad de Winamp: "nuevos complementos para agregar características adicionales a WinAMP, así como complementos de reemplazo para proporcionar mejores implementaciones de algunos de los complementos incluidos de forma nativa con Winamp". (Foro / servidor Discord)
Una lista incompleta de sitios web que usan Webamp:
Archivo de Internet: el archivo de Internet le permite obtener una vista previa de Winamp Skins y escuchar pistas de audio usando Webamp
Winampify.io: un cliente de Spotify en línea que usa Webamp
Webamp Desktop: una versión de aplicación de electrones de Webamp
98.js.org - Un clon de Windows 98 en JavaScript (GitHub)
winxp.now.sh - Un clon de Windows XP en JavaScript con React (GitHub)
Pruebe el escritorio de Andy, una extravagante experiencia de escritorio temática de Windows.
www.dkdomino.zone: el reproductor de música personal de alguien
Butterchurn, la increíble implementación de Milkdrop 2 WebGL. Construido e integrado en webamp por: jberg
Investigación y prototipos de características: @paez
Comentarios beta, capturando muchas pequeñas inconsistencias de interfaz de usuario: Luigihann
Comentarios beta y respuestas internas a las oscuros preguntas de Winamp: Darren Owen
Donación del módulo webamp
NPM Nombre: Dave Eddy
Gracias a Justin Frankel y a todos en NullSoft por Winamp, lo que nos inspiró a muchos de nosotros.
Si bien el nombre, la interfaz y el archivo de audio de muestra de Winamp son seguramente propiedad de NullSoft, el código dentro de este proyecto se publica bajo la licencia MIT. Dicho esto, si hace algo interesante con este código, hágamelo saber. Me encantaría verlo.