Adds keyboard events to interact with videos.

videoUtility.js

const TIME_JUMP_SECONDS = 15
const VOLUME_JUMP = 0.1

function moveInVideoTime(seconds) {
	document.querySelector('video').currentTime += seconds
}

function changeVolume(change) {
	document.querySelector('video').volume += change
}

function togglePause() {
	const video = document.querySelector('video')
	if(video.paused) {
    console.log('playing video')
		video.play()
	} else {
    console.log('pausing video')
		video.pause()
	}
}

function handleKeypresses(event) {
    switch (event.code) {
        case "ArrowLeft":
			console.log('jump backwards')
            moveInVideoTime(-TIME_JUMP_SECONDS)
            break;
        case "ArrowRight":
			console.log('jump forwards')
            moveInVideoTime(+TIME_JUMP_SECONDS)
            break;
        case "ArrowUp":
			console.log('volume up')
            changeVolume(0.1)
            break;
        case "ArrowDown":
			console.log('volume down')
            changeVolume(-0.1)
            break;
        case "Space":
			console.group('togglePause')
			togglePause()
			console.groupEnd()
			break;
    }
}

document.onkeydown = handleKeypresses

window.playbackRate = document.querySelector('video').playbackRate