How hec-ovi/music works
This is a static, browser-only YouTube playlist player. Users import or create playlists, add and organize tracks, then play a selected list or the combined library; playlist data and settings stay in localStorage, with export and share options. The graph separates the UI/controller, playlist data handling, and playback integration. README documents several capabilities whose detailed handlers were not sampled, so those links are shown only where the available evidence supports them.
Main entry points: app.js App controller · main.js Player adapter · store.js Playlist state · index.html Static page
Components 16
Playlist experience
- Playlist UI
app.js - App controller
app.js - Playlist builder
app.js - Track editing
app.js - Queue and modes
app.js - Share and export
app.js
Playlist data
- Import and parsing
store.js - Playlist state
store.js - Persistence
store.js
Playback
- Player adapter
main.js
Other components
- Listener
- Static page
index.html - localStorage
- YouTube player
- YouTube
- Share recipient
Connections 18
- Listener → Playlist UI: uses
- Static page → App controller: loads
- App controller → Playlist UI: renders
- App controller → Playlist builder: handles input
- App controller → Track editing: handles edits
- App controller → Queue and modes: controls playback
- App controller → Share and export: handles export
- Playlist builder → Import and parsing: parses input
- Track editing → Playlist state: updates tracks
- App controller → Playlist state: reads playlists
- App controller → Persistence: loads and saves
- Persistence → localStorage: reads and writes
- Share and export → Playlist state: formats playlists
- Share and export → Share recipient: shares URL or file
- App controller → Player adapter: creates player
- Player adapter → YouTube player: calls API
- YouTube player → YouTube: streams video
- YouTube → Player adapter: sends events