How dowou-issa/audio-player works
DJ Audio Player is a browser-based local media player with YouTube search/playback and video-to-audio extraction. The main workflow loads selected media into a playlist, then plays and controls tracks; YouTube search is a separate online path. The sampled player code is incomplete, so documented visualization and some UI wiring are represented only where supported, and uncertain connections are omitted.
Main entry points: AudioPlayer.jsx Audio player · MusicSearch.jsx Music search component · main.jsx React entry · AudioControls.jsx Audio controls
Components 12
Application entry
- React entry
src/main.jsx
Local media
- Audio player
src/AudioPlayer.jsx - Browser file picker
- Browser media playback
- Web Audio and recorder
YouTube integration
- Music search component
src/MusicSearch.jsx - YouTube Data API
- YouTube IFrame API
- YouTube video player
Player interface
- Audio controls
src/AudioControls.jsx - Player styling
src/style.css
Other components
- Listener
Connections 14
- React entry → Audio player: renders
- Listener → Audio player: selects and controls
- Audio player → Browser file picker: opens picker
- Browser file picker → Audio player: provides files
- Audio player → Browser media playback: plays tracks
- Audio player → Web Audio and recorder: records video audio
- Audio player → YouTube Data API: searches tracks
- YouTube Data API → Audio player: returns results
- Audio player → YouTube IFrame API: loads player API
- Audio player → YouTube video player: starts video playback
- Music search component → YouTube Data API: searches tracks
- Music search component → Audio player: passes selected track
- Audio controls → Browser media playback: controls playback
- Audio player → Player styling: uses styles