mirror of
https://github.com/captbaritone/webamp.git
synced 2026-01-23 10:15:31 +00:00
No description
7451c6fe64
* allow direct rgb as css color property * + <wasabi:standardframe:modal:short> * set Config, WinampConfig as global var * normalize handleAction: del hardcoded trick * mute console (noice reduction) * allow internal themes in the theme list * add (temporary) appearance to WasabiButton * check points and add possible todo. * yarn build, yarn serve * Variable.guid is now optional * + PLEdit (non gui) to hold mp3 tracks * move eject,next,prev & <input> files to UIRoot * trial update song-title on next/prev. (failed) * track index correction, prettier * show pl (GUI) * avoid error on console log: audio interupted. * del requirement of UI_ROOT, reg Object class. ui_root will not be singleton in future. * stop searching of a binding when founded. * should never select any text. * explicit return of a function * avoid vscode problem (red warn on file name) * PlayList primitive colors (bg,fg) * plEdit: selected & currrent colors. * +button.css, move any css of button. * assure transparancy instead opaque * safety when bitmap=null * del dead code * del dead code * correction: studio.button instead wasabi.button * prettier * show scrollbar in pl (dummy) * solve vscode/ts complain * +common scrollbar * always show scrollbar (full height) whatsoever. * reposition that match. (taken from x2nie-dev) * completing scrollbar dimensions. * +text.shadow * animatedlayer.onstop * text.onchanged * bugfix error: text-auto-wrapped. * +some xui (drone skin) * allow Time shown as Remaining (instead ellapsed) * bugfix time remaining overalaped with kbps. * comments of container types (prediction) * bring window to most top on click. * temporary case. (skin: drone) * Complete Slider implementation about virtual thumb * avoid red warning on filename of vscode. * +dirty audio.analyzer (skin:MMD3) * allow "vis" element to be position:absolute. * trying skin:Warp_skin.wal (failed) * avoid red warning on filename of vscode. * +todo * +api:setactivatednocallback * pl: +slider,real. (instead of fake scroll element) * PL slider moved when mouse wheel. (pasive) * complete pl scroll. * avoid red warning on filename of vscode. * set ColorList bg * cleanup, completing MMD3 * add Grip (pl scrollbar), cleanup. * change where the build dir is. Co-authored-by: Fathony <fathony@smart-leaders.net> |
||
|---|---|---|
| .github/workflows | ||
| .yarn/releases | ||
| config | ||
| examples | ||
| packages | ||
| .editorconfig | ||
| .eslintignore | ||
| .eslintrc | ||
| .gitattributes | ||
| .gitignore | ||
| .prettierignore | ||
| .yarnrc | ||
| babel.config.js | ||
| deploy.sh | ||
| LICENSE.txt | ||
| netlify.toml | ||
| package.json | ||
| README.md | ||
| yarn.lock | ||
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.
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.
Add Webamp to Your Site
Here is the most minimal example of adding Webamp to a page:
<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 and the API documentation.
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:
packages/webamp: The Webamp NPM modulepackages/webamp/demo: The demo site which lives at webamp.orgpackages/ani-cursor: An NPM module for rendering animiated.anicursors as CSS animationspackages/skin-database: The server component of https://skins.webamp.org which also runs our Twitter bot, and a Discord bot for our community chatpackages/winamp-eqf: An NPM module for parsing and constructing Winamp equalizer preset files (.eqf)packages/archive-org-webamp-integration-tests: An integration that confirms that archive.org's Webamp integration is working as expectedpackages/webamp-modern: A prototype exploring rendering "modern" Winamp skins in the browserpackages/webamp-modern-2: A second attempt at exploring rendering "modern" Winamp skins in the browserexamples: 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 / Discord server)
In the Wild
An incomplete list of websites using Webamp:
- Internet Archive - The Internet Archive lets you preview winamp skins and listen to audio tracks using Webamp
- Winampify.io - An online Spotify client using Webamp
- Webamp Desktop - An Electron app version of Webamp
- 98.js.org - A Windows 98 clone in JavaScript (GitHub)
- winxp.now.sh - A Windows XP clone in JavaScript with React (GitHub)
- Try Andy's Desk - A quirky Windows themed desktop experience.
- www.dkdomino.zone - Someone's personal music player
Thanks
- Butterchurn, the amazing Mikdrop 2 WebGL implementation. Built and integrated into Webamp by: jberg
- Research and feature prototyping: @PAEz
- Beta feedback, catching many small UI inconsistencies: LuigiHann
- Beta feedback and insider answers to obscure Winamp questions: Darren Owen
- Donating the
webampNPM module name: Dave Eddy
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.