title: HTML5 frame-by-frame viewing / frame-seeking?
body: <p>I'm looking for a way to view HTML5 <code>&lt;video&gt;</code>, frame-by-frame.</p>
  
  <p>The scenario: Having a video, with an additional button that skips to the next frame when pressed.</p>
  
  <p>What do you think is the best method to do this?</p>
  
  <ol>
  <li>Play the video normally, <a href="http://stackoverflow.com/q/3688177/207894">Listen to <code>timeUpdate</code> event, which on FireFox is called for every frame</a>, and then just pause the video. However, the other browsers don't behave like Firefox.</li>
  <li>Change the <code>currentTime</code> element manually to +1/24 of a second, where "24" is the frame rate. I have no idea how to aquire the FPS, however.</li>
  <li>Any other helpful way you can think of.</li>
  </ol>
  
  <hr>
  
  <h2>EDIT</h2>
  
  <p>I have found <a href="http://www.inconduit.com/smpte/" rel="noreferrer">this very useful HTML5  test page</a>, which tracks all browsers' ability to achieve accurate frame-seeking.</p>