Math expressions linked to audio play
- click the Reset button to hide the RHS math,
then click the Play button to reveal the next math expression

Dynamic Equations in MathJax

Example of using the \cssID HTML MathJax command. (Original MathJax example.)

Expand the following: \begin{align} (x+1)^2 &\cssId{Step1}{= (x+1)(x+1)}\\ &\cssId{Step2}{= x(x+1) + 1(x+1)}\\ &\cssId{Step3}{= (x^2+x) + (x+1)}\\ &\cssId{Step4}{= x^2 + (x + x) + 1}\\ &\cssId{Step5}{= x^2+2x+1}\\ \end{align}

Wavesurfer audio timeline

Wavesurfer home page. Birdsong courtesy of Soundbible.com.