HTML5中的WinAMP 2.9和JavaScript的重新成真,並提供全部皮膚支撐。如TechCrunch,Motherboard,Gizmodo,Hacker News(1、2、3、4)和其他地方所見。
查看此Twitter線程以獲取圖像的功能列表。在現代版本的邊緣,Firefox,Safari和Chrome中作品。 IE不支持。
這是將Webamp添加到頁面上的最小示例:
<div id =“ app”> </div> <script src =“ https://unpkg.com/webamp”> </script> </script> <script> const app = document.getElementByid(“ app”) const webamp = new new webamp(); webamp.renderwhenready(app); </script>
有關更多示例,包括如何添加音頻文件,查看examples/
目錄和API文檔。
Webamp使用MonorePo方法,因此除了Webamp NPM模塊外,該存儲庫還包含一些密切相關的項目和一些Webamp的代碼,這些代碼被以獨立模塊的形式發布:
packages/webamp
:Webamp NPM模塊
packages/webamp/demo
:居住在Webamp.org上的演示網站
packages/ani-cursor
:用於渲染.ani
的NPM模塊作為CSS動畫
packages/skin-database
:https://skins.webamp.org的服務器組件,它也運行我們的Twitter bot,以及我們的社區聊天的Discord Bot
packages/skin-museum-client
的前端組件。
packages/winamp-eqf
:用於解析和構造winamp均衡器預設文件的NPM模塊( .eqf
)
packages/archive-org-webamp-integration-tests
:一種集成,證實Archive.org的Webamp集成正在按預期工作
packages/webamp-modern
:瀏覽器中探索“現代” Winamp Skins的原型
examples
:一些示例,顯示瞭如何使用NPM模塊
加入我們在不和諧的社區聊天:https://discord.gg/fbtdmqr
相關的社區:
Winamp Community Update Pack - “新插件,以在Winamp中添加其他功能以及更換插件,以更好地實現WinAmp與Winamp National ins-narmagence insunce ins in in winamp insins insins ins ins ins in in pluck ins。” (論壇 /不和諧服務器)
使用Webamp的網站列表不完整:
Internet存檔 - 互聯網存檔可讓您預覽Winamp Skins並使用Webamp收聽音軌
winampify.io-使用Webamp的在線Spotify客戶端
Webamp桌面 - Webamp的電子應用程序版本
98.js.org- javaScript(github)中的一個Windows 98克隆
winxp.now.sh- javaScript中的Windows XP克隆(github)
嘗試安迪的桌子 - 一個古怪的窗戶主題桌面體驗。
www.dkdomino.zone-某人的個人音樂播放器
butterchurn,令人驚嘆的乳糖2 WebGL實施。構建並集成到Webamp:Jberg
研究和特徵原型:@paez
Beta反饋,捕獲許多小UI不一致:Luigihann
Beta反饋和內部人士對晦澀的Winamp問題的答案:Darren Owen
捐贈webamp
NPM模塊名稱:Dave Eddy
感謝賈斯汀·弗蘭克爾(Justin Frankel)和Nullsoft的每個人的Winamp,這激發了我們許多人的啟發。
雖然Winamp名稱,接口和示例音頻文件肯定是Nullsoft的屬性,但該項目中的代碼是根據MIT許可證發布的。話雖如此,如果您對此代碼做任何有趣的事情,請告訴我。我很想看到它。