mirror of https://github.com/captbaritone/webamp.git synced 2026-01-23 10:15:31 +00:00

History

Jordan Eldredge 2fe3235d51 Remove contained example and clarify position requirements		2026-01-01 15:44:11 -08:00
..
lazy	Add example of using webamp/lazy entrypoint with vite	2025-07-15 16:41:24 -07:00
minimal	Document entrypoints and recommend `webamp/butterchurn` as the default.	2025-07-14 21:28:30 -07:00
minimalMilkdrop	Document butterchurn entrypoint	2025-07-14 17:57:20 -07:00
minimalWindowLayout	Set viewport in examples	2025-07-04 16:59:08 -07:00
multipleMilkdropPresets	Add example showing how to use requireButterchurnPresets	2025-07-15 19:00:09 -07:00
multipleSkins	Update example to use new /butterchurn entrypoint	2025-07-04 17:29:31 -07:00
multipleTracks	Update example to use new /butterchurn entrypoint	2025-07-04 17:29:31 -07:00
readme.md	Improve docs and fix bug with specifying window size when not using Milkdrop	2024-05-07 21:05:45 -07:00

Examples

This directory contains a number of examples of how to add Webamp to a project.

Minimal Stick Webamp in a <script> tag, and add a few lines of JavaScript to get Webamp on your page.
Multiple Tracks An example of setting up Webamp with multiple audio tracks.
Multiple Skins An example of setting up Webamp with multiple skins.
Minimal Window Layout An example of configuring the initial layout of windows in Webamp.
Webpack Install Webamp via NPM and bundle it in a Webpack bundle.
Webpack Lazyload In progress
Minimal Milkdrop In progress

Additionally, we have a somewhat more full featured example that you can play with on CodeSandbox.io: