jQueryの矢印キーを使用したオーディオスライダー

Question

矢印キー（左、右）を使用してオーディオスライダーを作成します。しかし、以下に開発されたコードは機能しませんでした。私は下のコードでどこが間違っていますか？私はあなたがのjQueryライブラリを追加することを忘れ考えるあなたのコードで

<audio id="lessonTrack" controls> 
    <source src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" type="audio/ogg"> 
    <source src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).mp3" type="audio/mpeg"> Your browser does not support the audio element. 
</audio> 


$(document).ready(function() { 
    var audio = document.getElementById("lessonTrack"); 
    window.addEventListener("keydown", function(e) { 
    var x = e.keyCode; 
    if (x === 39) { 
     audio.currentTime += 2; 
    } else if (x === 37) { 
     audio.currentTime -= 2; 
    } 
    }); 
}); 

jsfiddle

Answer 1

そうでない場合は、あなたのコードは、ここで

$(document).ready(function() { 
 
    var audio = document.getElementById("lessonTrack"); 
 
    window.addEventListener("keydown", function(e) { 
 
    var x = e.keyCode; 
 
    if (x === 39) { 
 
     audio.currentTime += 2; 
 
    } else if (x === 37) { 
 
     audio.currentTime -= 2; 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<audio id="lessonTrack" controls> 
 
    <source src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" type="audio/ogg"> 
 
    <source src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).mp3" type="audio/mpeg"> Your browser does not support the audio element. 
 
</audio>

を働いているコード

です

https://codepen.io/anon/pen/BJyejO