~/talk

Sync HTML5 audio with CSS3 animation

Talkat dotJS 2013 · on Monday, 2013-12-02· [web-animation, web-platform]
slides:none on file

Shows a working demo that keeps a CSS3 animation and an HTML5 audio element perfectly in step by using a clone-and-replace reset for the animation and the audio element’s ended event drives both to fake a loop, calling currentTime = 0 and play. Uses plain CSS animations plus <audio> with MP3/Ogg fallbacks; mentions the Web Animations API (usable via polyfill) and Web Audio API but notes limited browser support for the latter.

AI-written summary · about

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.