How warpprism/autopiano works
AutoPiano is a browser-based virtual piano and music platform. The principal workflow is entering the piano through the routed app, playing keys or selecting automatic playback, and hearing notes rendered through Tone.js. The tree also documents score catalogs in several formats, lyrics, wallpapers, friend links, and product listings. The sampled source confirms piano setup and XML playback; other playback formats and page wiring are represented only where supported by the tree or README, so uncertain connections are omitted.
Main entry points: AutoPianoMobile.vue Mobile page · Piano.vue Virtual piano · index.js Page router · main.js Vue app entry
Components 20
App Navigation
- Vue app entry
src/main.js - App shell
src/App.vue - Page router
src/router/index.js - Piano page
src/pages/AutoPianoPC.vue - Mobile page
src/pages/AutoPianoMobile.vue
Piano Playback
- Virtual piano
src/components/Piano.vue - XML playback
src/mixins/xmlAutoPlayMixin.js - MIDI playback
src/mixins/midiAutoPlayMixin.js - Number playback
src/mixins/pianoAutoPlayMixin.js - Instrument loader
src/lib/Tonejs-Instruments.js - Tone audio
- Piano samples
static/samples/piano
Music Content
- Score catalogs
src/config - Score lists
src/components - Lyrics catalog
src/config/lyrics.js
Platform Features
- Wallpaper catalog
src/config/wallpaper.js - Friend links
src/pages/FriendLinks.vue - Product listings
src/components/CommodityList.vue - Product catalog
src/config/goods.js
Other components
- Piano visitor
Connections 18
- Piano visitor → Vue app entry: opens
- Vue app entry → App shell: renders
- Vue app entry → Page router: installs
- Page router → Piano page: routes
- Page router → Mobile page: routes
- Mobile page → Virtual piano: renders
- Virtual piano → Instrument loader: loads samples
- Instrument loader → Tone audio: creates sampler
- Instrument loader → Piano samples: loads audio
- Virtual piano → XML playback: mixes in
- Virtual piano → MIDI playback: mixes in
- Virtual piano → Number playback: mixes in
- Score lists → Score catalogs: uses scores
- Mobile page → Score lists: renders
- Mobile page → Lyrics catalog: renders lyrics
- Mobile page → Wallpaper catalog: sets wallpaper
- Page router → Friend links: routes
- Product listings → Product catalog: uses catalog