[![gzip size](https://img.badgesize.io/https:/unpkg.com/webamp/built/webamp.lazy-bundle.min.js?label=gzip&compression=gzip)](https://bundlephobia.com/result?p=webamp)
[![Tests](https://github.com/captbaritone/webamp/workflows/CI/badge.svg)](https://github.com/captbaritone/webamp/actions?query=branch%3Amaster+workflow%3ACI)
[![Discord](https://img.shields.io/discord/434058775012311061.svg)](https://webamp.org/chat)
# Webamp
A reimplementation of Winamp 2.9 in HTML5 and JavaScript with full skin support.
As seen on [TechCrunch], [Motherboard], [Gizmodo], Hacker News ([1], [2], [3], [4]), and [elsewhere](./packages/webamp/docs/press.md).
[![Screenshot of Webamp](https://raw.githubusercontent.com/captbaritone/webamp/master/packages/webamp/demo/images/preview.png)](https://webamp.org)
Check out this [Twitter thread](https://twitter.com/captbaritone/status/961274714013319168) for an illustrated list of features. Works in modern versions of Edge, Firefox, Safari and Chrome. IE is [not supported](http://caniuse.com/#feat=audio-api).
## Add Webamp to Your Site
Here is the **most minimal** example of adding Webamp to a page:
```HTML
<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>
```
For more examples, including how to add audio files, check out [`examples/` directory](./examples) and the [API documentation](./packages/webamp/docs/usage.md).
## About This Repository
Webamp uses a [monorepo](https://en.wikipedia.org/wiki/Monorepo) approach, so in addition to the Webamp NPM module, this repository contains code for a few closely related projects and some pieces of Webamp which are published as standalone modules:
* [`packages/webamp`](https://github.com/captbaritone/webamp/tree/master/packages/webamp): The [Webamp NPM module](https://www.npmjs.com/package/webamp)
* [`packages/webamp/demo`](https://github.com/captbaritone/webamp/tree/master/packages/webamp/demo): The demo site which lives at [webamp.org](https://webamp.org)
* [`packages/ani-cursor`](https://github.com/captbaritone/webamp/tree/master/packages/ani-cursor): An NPM module for rendering animiated `.ani` cursors as CSS animations
* [`packages/skin-database`](https://github.com/captbaritone/webamp/tree/master/packages/skin-database): The server component of https://skins.webamp.org which also runs our [Twitter bot](https://twitter.com/winampskins), and a Discord bot for our community chat
* [`packages/skin-museum-client`](https://github.com/captbaritone/webamp/tree/master/packages/skin-museum-client): The front-end component of https://skins.webamp.org.
* [`packages/winamp-eqf`](https://github.com/captbaritone/webamp/tree/master/packages/winamp-eqf): An NPM module for parsing and constructing Winamp equalizer preset files (`.eqf`)
* [`packages/archive-org-webamp-integration-tests`](https://github.com/captbaritone/webamp/tree/master/packages/archive-org-webamp-integration-tests): An integration that confirms that archive.org's Webamp integration is working as expected
* [`packages/webamp-modern`](https://github.com/captbaritone/webamp/tree/master/packages/webamp-modern): A prototype exploring rendering "modern" Winamp skins in the browser
* [`examples`](https://github.com/captbaritone/webamp/tree/master/examples): A few examples showing how to use the NPM module
## Community
Join our community chat on Discord: <https://discord.gg/fBTDMqR>
Related communites:
- [Winamp Community Update Pack] - "New plug-ins to add additional features to Winamp as well as replacement plug-ins to provide better implementations of some of the plug-ins natively included with Winamp". ([Forum](https://getwacup.com/community/) / [Discord server](https://discord.gg/5pVTdbj))
## In the Wild
An incomplete list of websites using Webamp:
- [Internet Archive](https://blog.archive.org/2018/10/02/dont-click-on-the-llama/) - The Internet Archive lets you preview winamp skins and listen to audio tracks using Webamp
- [Winampify.io](https://winampify.io/) - An online Spotify client using Webamp
- [Webamp Desktop](https://desktop.webamp.org/) - An Electron app version of Webamp
- [98.js.org](https://98.js.org/) - A Windows 98 clone in JavaScript ([GitHub](https://github.com/1j01/98))
- [winxp.now.sh](https://winxp.now.sh/) - A Windows XP clone in JavaScript with React ([GitHub](https://github.com/ShizukuIchi))
- [Try Andy's Desk](https://desk.glitchy.website/) - A quirky Windows themed desktop experience.
- [www.dkdomino.zone](https://www.dkdomino.zone/album.html) - Someone's personal music player
## Thanks
- [Butterchurn](https://github.com/jberg/butterchurn), the amazing Mikdrop 2 WebGL implementation. Built and integrated into Webamp by: [jberg](https://github.com/jberg)
- Research and feature prototyping: @PAEz
- Beta feedback, catching many small UI inconsistencies: [LuigiHann](https://twitter.com/LuigiHann)
- Beta feedback and insider answers to obscure Winamp questions: [Darren Owen](https://twitter.com/The_DoctorO)
- Donating the `webamp` NPM module name: [Dave Eddy](http://daveeddy.com/)
Thank you to [Justin Frankel](http://www.1014.org/) and everyone at Nullsoft
for Winamp which inspired so many of us.
## License
While the Winamp name, interface, and, sample audio file are surely property of
Nullsoft, the code within this project is released under the [MIT
License](LICENSE.txt). That being said, if you do anything interesting with
this code, please let me know. I'd love to see it.
[techcrunch]: https://techcrunch.com/2018/02/09/whip-the-llamas-ass-with-this-javascript-winamp-emulator/
[motherboard]: https://motherboard.vice.com/en_us/article/qvebbv/winamp-2-mp3-music-player-emulator
[gizmodo]: https://gizmodo.com/winamp-2-has-been-immortalized-in-html5-for-your-pleasu-1655373653
[1]: https://news.ycombinator.com/item?id=8565665
[2]: https://news.ycombinator.com/item?id=15314629
[3]: https://news.ycombinator.com/item?id=16333550
[4]: https://news.ycombinator.com/item?id=17583997
[winamp community update pack]: https://getwacup.com/
没有合适的资源?快使用搜索试试~ 我知道了~
Winamp2-js 是一个基于 HTML5 和 Javascript 实现的界面 类似 winamp 一样的在线音乐播放器
共1581个文件
png:400个
ts:303个
m:131个
需积分: 0 0 下载量 177 浏览量
2023-03-12
15:46:08
上传
评论
收藏 30.95MB ZIP 举报
温馨提示
Winamp2-js 是一个基于 HTML5 和 Javascript 实现的界面完全跟 winamp 一样的在线音乐播放器 可镶嵌在html页面中 适用于 Edge、Firefox、Safari 和 Chrome 浏览器,不支持 IE 。
资源推荐
资源详情
资源评论
收起资源包目录
Winamp2-js 是一个基于 HTML5 和 Javascript 实现的界面
类似 winamp 一样的在线音乐播放器 (1581个子文件)
piano.ani 4KB
.babelrc 1KB
eqmain_iso.bmp 255KB
EQMAIN_wacup.bmp 255KB
PLEDIT_wacup.bmp 153KB
TITLEBAR3.bmp 88KB
TITLEBAR_wacup.bmp 88KB
eqmain_iso_wacup.bmp 86KB
EQMAIN.BMP 66KB
GEN.bmp 62KB
EQMAIN.bmp 58KB
PLEDIT.BMP 52KB
main_wacup.bmp 32KB
TITLEBAR.BMP 30KB
VOLUME.BMP 30KB
VIDEO.BMP 28KB
MB.BMP 28KB
VIDEO_wacup.bmp 28KB
MAIN.BMP 26KB
EQ_EX.BMP 23KB
PLEDIT.bmp 23KB
BALANCE.BMP 16KB
titlebar.bmp 15KB
GEN.BMP 12KB
volume.bmp 11KB
main.bmp 11KB
GENEX.BMP 10KB
GENEX.bmp 10KB
balance.bmp 9KB
text.bmp 8KB
VIDEO.bmp 7KB
shufrep.bmp 7KB
TEXT.BMP 7KB
cbuttons.bmp 5KB
SHUFREP.BMP 4KB
EQ_EX.bmp 4KB
CBUTTONS.BMP 4KB
POSBAR.BMP 3KB
MONOSTER.BMP 3KB
monoster.bmp 2KB
NUMBERS.bmp 2KB
NUMBERS.BMP 2KB
posbar.bmp 2KB
playPaus.bmp 1KB
PLAYPAUS.BMP 476B
yarn-1.22.10.cjs 4.86MB
COPYING 18KB
base-skin.css 284KB
main-window.css 8KB
elements.css 5KB
playlist-window.css 5KB
App.css 4KB
page.css 3KB
wmz.css 3KB
list.css 3KB
equalizer-window.css 3KB
webamp.css 2KB
scrollbar.css 2KB
gen-window.css 2KB
Home.module.css 2KB
context-menu.css 2KB
sonique.css 566B
button.css 408B
globals.css 407B
mini-time.css 383B
demo.css 352B
webamp.css 191B
kjofol.css 138B
milkdrop-window.css 103B
eqslid.cur 26KB
close.cur 22KB
close.cur 20KB
eqslid.cur 8KB
EQSLID.CUR 766B
POSBAR.CUR 766B
PSIZE.CUR 766B
VOLBAL.CUR 766B
PVSCROLL.CUR 766B
NORMAL.CUR 766B
TITLEBAR.CUR 766B
PNORMAL.CUR 766B
CLOSE.CUR 766B
PTBAR.CUR 766B
EQTITLE.CUR 766B
nscrt.dll 340KB
.DS_Store 6KB
.editorconfig 134B
random.EQF 299B
preampMin.EQF 299B
min.EQF 299B
preampMax.EQF 299B
myEq.EQF 299B
midline.EQF 299B
max.EQF 299B
.eslintignore 98B
.eslintignore 55B
.eslintignore 6B
.eslintrc 4KB
.eslintrc 881B
.eslintrc 36B
共 1581 条
- 1
- 2
- 3
- 4
- 5
- 6
- 16
资源评论
php_strong
- 粉丝: 0
- 资源: 6
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功