mirror of https://github.com/captbaritone/webamp synced 2024-11-22 07:40:51 +00:00

History

Jordan Eldredge 6f7818057b Some checks failed CI / build-and-test (20.x) (push) Has been cancelled Details Experiment with Rollup/Vite (#1263 ) * Trial switching to vite rollup * Vite/Rollup fixups * Cleanup * Fixup CI * Fix serve * Disable post-css injection for vite * Update image snapshots * Update snapshots * Enable graphql tests * Remove tinder card * Fix GraphQL tests with discord urls * Avoid unused vars		2024-09-30 22:35:01 -07:00
..
minimal	Format example html	2024-05-07 16:22:32 -07:00
minimalMilkdrop	Experiment with Rollup/Vite (#1263 )	2024-09-30 22:35:01 -07:00
minimalWindowLayout	Improve docs and fix bug with specifying window size when not using Milkdrop	2024-05-07 21:05:45 -07:00
multipleSkins	Add an example showing multiple skins loaded	2024-03-01 20:10:29 -08:00
multipleTracks	Add example showing multiple tracks	2024-03-01 20:16:17 -08:00
webpack	Format example html	2024-05-07 16:22:32 -07:00
webpackLazyLoad	Improve docs and fix bug with specifying window size when not using Milkdrop	2024-05-07 21:05:45 -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: