For Code of Music class I created a video and sound player in P5js that allows you to speed up and slow down a video along with it’s sound. The video and sound mix is something I recorded and created this summer as part of a series I created using Processing to learn how to manipulate video with sound. The chord is from freesound user named Polo25. I couldn’t get a clean video recording.
Since Tone.js appears to not have a video library, I used P5js. Instead of Tone’s playbackRate I used P5’s function called speed and tried to map it to mouse position but it did not work. I was able to create buttons that allow the speeding up and slowing down, however.
function vidLoad() {
// ele.play(1);
//trying to use a gradual playback rate
ele.speed = (map(mouseX, 0, width, 0.1, 1));
}
//maybe it has to be in draw?
function draw(){
ele.playbackRate = (map(mouseX, 0, width, 0.1, 1));
Turns out you cannot map speed. I got the following error:
Uncaught TypeError: ele.speed is not a function (sketch: line 61)