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

History

Lorenzo Stanco 162025f8a0 Webamp optionally fully contained into a DOM element (#1338 ) * Webamp optionally fully contained into a DOM element * Fix spelling * Reenable updating search index for uploads * Replace contained flag on renderWhenReady with a new method. Add docs --------- Co-authored-by: Jordan Eldredge <jordan@jordaneldredge.com>		2025-12-31 14:59:14 -08:00
..
contained	Webamp optionally fully contained into a DOM element (#1338 )	2025-12-31 14:59:14 -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: