播放音频文件,使用键盘

时间:2016-05-26 04:26:40

标签: javascript html5-audio

我可以通过键盘播放暂停和停止音频文件,但是当我来回寻找时,我正在使用左右箭头键,它正在寻找15秒。我需要做5到10秒,而不是。下面是我使用的java脚本

       <script>
    var audio = $("audio")[0];
    $(document).keydown(function (e) {
        var unicode = e.charCode ? e.charCode : e.keyCode;
        console.log(unicode);
        // right arrow
        if (unicode == 39) {
            audio.currentTime += 5;
            // back arrow
        } else if (unicode == 37) {
            audio.currentTime -= 5;
            // spacebar
        } else if (unicode == 32) {
            if (audio.paused) {
                audio.play();
            }
            else {
                audio.pause()
            }
        }
    });
</script>

1 个答案:

答案 0 :(得分:5)

  

我来回寻找,我使用左右箭头键,然后   正在寻求15秒。我需要做5或10次

您可以使用http://brunzino.github.io/blog/2016/05/21/solution-how-to-debug-intermittent-error-establishing-database-connection/ <audio>元素来设置音频应该开始播放的位置; +=-=运算符将audio.currentTime递增或递减n秒,例如5或10 seconds; check [ HTMLMediaElement.paused ][2] to toggle calling audio.play ()or audio.pause()`

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<audio controls autoplay src="https://upload.wikimedia.org/wikipedia/commons/6/6e/Micronesia_National_Anthem.ogg"></audio>
<script>
  var audio = $("audio")[0];
  $(document).keydown(function(e) {
    var unicode = e.charCode ? e.charCode : e.keyCode;
    console.log(unicode);
      // right arrow
    if (unicode == 39) {
      audio.currentTime += 5;
      // back arrow
    } else if (unicode == 37) {
      audio.currentTime -= 5;
      // spacebar
    } else if (unicode == 32) {
      if (audio.paused) {
        audio.play();
      } 
      else {
        audio.pause()
      }
    }
  });
</script>
&#13;
&#13;
&#13;