Playing around with the HTML5 audio/video controls

a_v_nerd.js

// Load up an mp3 in a FF address bar.
// in the browser. Don't let it autoplay.

// in FF, the mp3 loads in a video player. Create a var to reference the video player:
var v = document.getElementsByTagName("video")[0];

// set the playhead at 0 and then play:

v.currentTime = 0;
v.pause();

//Speed functions:

function speedUp() {
 v.playbackRate = 2.5;
}

function normalSpeed() {
  v.playbackRate = 1;   
}

function slowDown() {
 v.playbackRate = 0.5;
}

//missed it. go back 10 seconds

function goBackTen() {
 v.pause();
 v.currentTime = v.currentTime - 10;
 v.play();
}

function loopForTen() {
    goBackTen();
    setTimeout(function() {
        goBackTen();
    }, 10000);
}


// play around in the console:
// start playback: 
// v.play();
// speed it up:
// speedUp();
// ok, that was too fast, slow mo please
// slowDown();
// normalSpeed();
// loop over 10 second chunks
// loopFor10();