javascript - 播放音频文件时用键盘播放时向前和向后搜索十秒

标签 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>

最佳答案

I am seeking back and forth, I am using left and right arrow keys, and it is being seeking 15 sec. I need to do it for 5 or 10

您可以使用 HTMLMediaElement.currentTime <audio>设置音频开始播放位置的元素; +=-=运算符递增或递减 audio.currentTime n 秒,例如 5或 10 seconds; check [ HTMLMediaElement.paused ][2] to toggle calling audio.play() or audio.pause()`

<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>

关于javascript - 播放音频文件时用键盘播放时向前和向后搜索十秒,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37451606/

相关文章:

javascript - 从数据库检索数据 - Laravel

javascript - chrome 扩展中使用的 webkitNotifications.createNotification 未捕获的安全异常

javascript - 进出代码点火器的加密和解密

javascript - 如何增大和减小图像尺寸

javascript - 多个音量和进度控制 JavaScript

javascript - 具有多个文件的 HTML5 音频播放器(随机)

javascript - 事件传播时如何获取按钮值

javascript - 如何在网页中播放mp3

angularjs - 在客户端将多个音频文件合并为一个音频文件

audio - 声音没有播放两次