This is an attempt at faithfully reproducing this YouTube video as closely as possible, while looping infinitely, purely with HTML5 and SVG. No plugin-based audio players, no animated GIFs. Just code, music, and the browser.
The animation doesn't work on mobile browsers that do actually support image/svg+xml.
- Some browsers don't support
<audio> - Some browsers don't support object tags with
image/svg+xml
- BMO Bug 654787: Looped audio is not seamless
- BMO Bug 582513 and PulseAudio bug 866: Two-second delay at end of each loop
- Ian Weller: HTML, CSS and SVGs
- Ryan Rix: Audio splicer and finder of
<audio>bugs