播放音频文件以在使用键盘弹奏时向前和向后搜索十秒

Posted 2023-02-25

【中文标题】播放音频文件以在使用键盘弹奏时向前和向后搜索十秒

【英文标题】：Playing audio file to seek by ten seconds forward and backward while playing with keyboard

【发布时间】：2016-05-26 04:26:40

【问题描述】：

我可以通过键盘播放暂停和停止音频文件，但是当我来回搜索时，我使用的是左右箭头键，并且正在搜索 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>

【问题讨论】：

"它正在寻找 15 秒。我需要这样做 5 或 10 秒，而不是。" 你可以用 5 或 10 代替 @ 987654326@?你能把js 包括在“seking 15 秒”的地方吗？设置在问题？见***.com/help/mcve

默认情况下我没有在我的代码中设置 15 秒你能告诉我我该怎么做吗

非常感谢您的代码在我单独测试时帮助了我很多，但是当我将它集成到我的代码中时它无法正常工作，您能否为我的 javascript 代码提供与我相同的工作功能发布

我投票决定将此问题作为离题结束，因为这个确切的问题是在 2 天前由同名用户 (abcd) 提出的：***.com/questions/37417808/…

【参考方案1】：

我正在来回寻找，我正在使用左右箭头键，并且 它正在寻找 15 秒。我需要做 5 或 10 个

您可以使用<audio> 元素中的htmlMediaElement.currentTime 来设置音频开始播放的位置； += 或 -= 运算符将 audio.currentTime 递增或递减 n 秒，例如 5 或 10seconds; check [HTMLMediaElement.paused][2] to toggle callingaudio.play()oraudio.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>

【讨论】：

我应该在哪里使用这个 audio.currentTime = 5;音频.play();在我的 js 代码中，你能告诉我我现在正在附加我的 js

@abcd 见***.com/questions/37044064/…

但是在我的 javascript 中，我没有在任何地方使用 get element by id 你可以通过实现你的代码来修改我的 javascript 代码

@abcd 你能在问题中加入html吗？

我在我的问题中包含了 htm5 音频，因为它是 html5 音频文件