this.musicManager = new MusicManager();No external files required. Guaranteed royalty-free.
-
Place file in
public/music/cp your-music.mp3 public/music/tetris-theme.mp3
-
Configure in
src/main.tsconst musicCredits: MusicCredits = { source: 'Pixabay', author: 'Artist Name', license: 'Pixabay License', licenseUrl: 'https://pixabay.com/service/license-summary/', trackUrl: 'https://pixabay.com/music/...', }; this.musicManager = new MusicManager('/music/tetris-theme.mp3', musicCredits);
Credits are automatically displayed in the footer.
musicManager.setVolume(0.3); // 30% (default)
musicManager.setVolume(0.5); // 50%
musicManager.setVolume(1.0); // 100%- MP3 (recommended)
- OGG (alternative)
- WAV (not recommended - large files)
When using external music:
- ✅ Include credits in
MusicCreditsobject - ✅ Verify license allows your use case
- ✅ Check attribution requirements
- ✅ Respect license restrictions
Note: The "Korobeiniki" melody is public domain, but specific arrangements may be copyrighted. Always verify the license for each arrangement.
| Issue | Solution |
|---|---|
| Music doesn't play | Check file path, verify file is in public/ folder, check browser console |
| Volume too loud/quiet | Use setVolume() method |
| Music doesn't loop | Handled automatically by MusicManager |