Skip to content

Instantly share code, notes, and snippets.

@m4rk3r
Last active May 1, 2021 10:52
Show Gist options
  • Save m4rk3r/2a110636ad7c8e8e99b05f537a80c680 to your computer and use it in GitHub Desktop.
Save m4rk3r/2a110636ad7c8e8e99b05f537a80c680 to your computer and use it in GitHub Desktop.
let elements = {
'a': {
'audio': 'sounds/sound.mp3',
'video': 'grass.mp4',
},
'b': {
'audio': 'sounds/sound2.mp3',
'video': 'sun.mp4',
},
'c': {
'audio': 'sounds/sound3.mp3',
'video': 'moon.mp4',
},
'C': {
'audio': 'sounds/sound4.mp3',
'video': 'moon.mp4',
}
};
let input = document.querySelector('input');
let audio = document.createElement('audio');
let video = document.querySelector('video');
function keyEvent(event) {
if (event.key in elements) {
audio.pause();
video.pause();
let data = elements[event.key];
audio.src = data.audio;
audio.play();
video.src = data.video;
video.play();
}
}
input.addEventListener('keyup', keyEvent);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment