webamp

Webamp

Uma reimplementação do Winamp 2.9 no HTML5 e JavaScript com suporte total à pele. Como visto no TechCrunch, placa -mãe, Gizmodo, Hacker News (1, 2, 3, 4) e outros lugares.

Confira este tópico do Twitter para uma lista ilustrada de recursos. Trabalha em versões modernas de Edge, Firefox, Safari e Chrome. Ou seja, não é apoiado.

Adicione webamp ao seu site

Aqui está o exemplo mais mínimo de adicionar webamp a uma página:

 <div id = "App"> </div> <script src = "https://unpkg.com/webamp"> </script> <cript> const app = document.getElementById ("app") const webamp = new Webamp (); webamp.renderwhenready (app); </sCript>

Para mais exemplos, incluindo como adicionar arquivos de áudio, confira examples/ diretório e a documentação da API.

Sobre este repositório

O Webamp usa uma abordagem Monorepo; portanto, além do módulo NPM do Webamp, este repositório contém código para alguns projetos intimamente relacionados e algumas peças de webamp que são publicadas como módulos independentes:

• packages/webamp : o módulo NPM Webamp

• packages/webamp/demo : o site de demonstração que vive em webamp.org

• packages/ani-cursor : Um módulo NPM para renderizar cursores .ani animação animada como CSS

• packages/skin-database : O componente servidor de https://skins.webamp.org, que também executa nosso bot do Twitter e um bot de discórdia para o chat da comunidade

• packages/skin-museum-client : O componente front-end de https://skins.webamp.org.

• packages/winamp-eqf : um módulo NPM para analisar e construir arquivos predefinidos do Equalizador do Winamp ( .eqf )

• packages/archive-org-webamp-integration-tests : uma integração que confirma que a integração do Webamp do Archive.org está funcionando como esperado

• packages/webamp-modern : um protótipo explorando a renderização "moderna" skins Winamp in the Browser

• examples : alguns exemplos mostrando como usar o módulo NPM

Comunidade

Junte -se ao nosso bate -papo na comunidade no Discord: https://discord.gg/fbtdmqr

Comunites relacionados:

• Pacote de atualização da comunidade Winamp-"Novos plug-ins para adicionar recursos adicionais ao Winamp, bem como plug-ins de substituição, para fornecer melhores implementações de alguns dos plug-ins incluídos nativamente no Winamp". (Fórum / Servidor Discord)

Na natureza

Uma lista incompleta de sites usando o webamp:

• Internet Archive - O Internet Archive permite visualizar skins Winamp e ouvir faixas de áudio usando webamp

• Winampify.io - um cliente on -line do Spotify usando webamp

• Webamp Desktop - uma versão de aplicativo eletrônico do webamp

• 98.js.org - Um clone do Windows 98 em JavaScript (GitHub)

• winxp.now.sh - Um clone do Windows XP em JavaScript com React (GitHub)

• Experimente a mesa de Andy - uma experiência de desktop com tema de janelas peculiares.

• www.dkdomino.zone - Player de música pessoal de alguém

Obrigado

• Butterchurn, a incrível implementação do Milkdrop 2 WebGL. Construído e integrado ao webamp por: Jberg

• Pesquisa e característica Prototipagem: @paez

• Feedback beta, pegando muitas pequenas inconsistências da interface do usuário: Luigihann

• Feedback beta e respostas internas para obscurecer as perguntas do Winamp: Darren Owen

• Doando o Nome do módulo NPM webamp : Dave Eddy

Obrigado a Justin Frankel e a todos na Nullsoft pelo Winamp, o que inspirou muitos de nós.

Licença

Enquanto o nome do Winamp, a interface e o arquivo de áudio de amostra são certamente propriedade da Nullsoft, o código dentro deste projeto é lançado sob a licença do MIT. Dito isto, se você fizer algo interessante com este código, entre em contato. Eu adoraria ver isso.