webamp README

The project's README from github.com/captbaritone/webamp. As one markdown file: README.md.

gzip size Discord

Webamp

A reimplementation of Winamp in HTML5 and JavaScript with full skin support. As seen on TechCrunch, Motherboard, Gizmodo, Hacker News (1, 2, 3, 4), and elsewhere.

Screenshot of Webamp

Check out this Twitter thread for an illustrated list of features. Works in modern versions of Edge, Firefox, Safari and Chrome. IE is not supported.

Read the docs

The Webamp Documentation site contains detailed instructions showing how to add Webamp to your site and customize it to meet your needs.

About This Repository

Webamp uses a 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:

Community

Join our community chat on Discord: https://discord.gg/fBTDMqR

Related communites:

In the Wild

An incomplete list of websites using Webamp:

Thanks

Thank you to Justin Frankel 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. That being said, if you do anything interesting with this code, please let me know. I'd love to see it.

Development

This repository uses Turborepo for efficient monorepo management. Turborepo provides intelligent caching and parallel execution of tasks across all packages.

Quick Start

# Install dependencies
pnpm install

# Build all packages (automatically handles dependencies)
npx turbo build

# Build library bundles for packages that need them
npx turbo build-library

# Run all tests
npx turbo test

# Lint and type-check all packages
npx turbo lint type-check

# Work on a specific package and its dependencies
npx turbo dev --filter="webamp"

Package Dependencies

The monorepo dependency graph is automatically managed by Turborepo:

Available Tasks

For more details on individual packages, see their respective README files.

webamp (captbaritone/webamp)

Searching Database…

11.3K ·GitHub
Webamp
这是什么？Webamp 是对经典 Winamp 2 音乐播放器的重新实现，完全基于 HTML5 和 JavaScript 构建，并完整支持原版 Winamp 皮肤。
这是现成的应用，还是需要我自己嵌入的库？它主要是一个 JavaScript/TypeScript 库（webamp NPM 模块），你可以将其嵌入并自定义到自己的网站中；该代码仓库是一个单体仓库，还包含一个演示站点、一个文档站点以及几个独立的辅助包。
我该如何把 Webamp 添加到我的网站？安装 webamp 包，然后按照 Webamp 文档网站（docs.webamp.org）上的分步集成和自定义指南操作。
它在所有浏览器中都能用吗？它可在 Edge、Firefox、Safari 和 Chrome 的现代版本中运行，但不支持 Internet Explorer。
Winamp 的品牌和许可证是怎么回事？代码本身采用 MIT 许可证发布，但 Winamp 名称、界面外观以及示例音频文件仍归 Nullsoft 所有——只有代码是开源的。
Butterchurn 是什么？它与 Webamp 有什么关系？Butterchurn 是 Milkdrop 2 可视化效果的 WebGL 实现，已被构建并集成到 Webamp 中，将经典的 Winamp 音乐可视化效果带到了浏览器里。
这个单体仓库里还有哪些其他包？除核心的 webamp 库外，它还包括：用于解析 Winamp .eqf 均衡器预设文件的 winamp-eqf、用于将动画 .ani 光标渲染为 CSS 动画的 ani-cursor、一个演示站点、一个文档站点，以及一个用于较新 Winamp 皮肤格式的实验性 webamp-modern 渲染器。
在哪里能看到 Webamp 的实际应用？基于 Webamp 构建的网站包括：Internet Archive 的皮肤与音频预览器、Spotify 客户端 Winampify.io、独立的 Webamp Desktop Electron 应用，以及 98.js.org 和 winxp.now.sh 等仿操作系统风格的网页体验。
What are similar projects?formatjs, nx, typescript-eslint, qiankun, howler.js, discord.js, js-stack-from-scratch, Libraries.dev
Which topics is it in?turbo, discord-bot, jest, twitter, eslint, music-player, html5, webgl, monorepo, vite, audio, npm
Creator
captbaritone
Size
152.7 MB
Stars
11.3K
Updated
CommitOct 16
Age
11y
Commits · 90 Days