从 x 到 y 秒播放音频答案

【问题标题】：play audio from x to y seconds从 x 到 y 秒播放音频
【发布时间】：2014-09-26 09:24:19
【问题描述】：

我正在尝试将音频文件从第二个 x 播放到第二个 y。我会尝试以更好的方式解释它。

我有一个文本，我希望在单击一个单词时播放一个音频文件。关键是我不想播放整个音频文件，而只是播放点击单词的一段音频。我想使用包含我文本中所有单词的单个音频文件（不是每个单词的单个音频文件）并提取说出单词的音频部分。

目前我有音频文件，对于每个单词，我都知道它开始和结束的确切秒数。

例子：

我的文字是：“大家好，你们好吗？我很好。” 当我点击“每个人”时，我想在它说“每个人”时获得一段音频。

JAVASCRIPT：

<script src="jquery-1.11.1.min.js"></script>
<script>

$(document).ready(function() {
    $('#1').click(function (){
            //play audiofile from 0 sec to 1 sec
        });
    $('#2').click(function (){
            //play audiofile from 1 sec to 2 sec
        });
    $('#3').click(function (){
            //play audiofile from 2 sec to 3 sec
        });
    $('#4').click(function (){
            //play audiofile from 3 sec to 4 sec
        });

});
</script>

HTML：

<body>

<div><span id="1">Hello </span><span id="2">World! </span><span id="3">Life </span><span id="4">long</span></div>

</body>

我已经使用了 .play() 和 .pause() 函数，但它们对我不好，因为我想随机获取单词。

提前谢谢你！

【问题讨论】：

到目前为止你的代码是什么？
提供更多信息，例如说了什么秒数。提供你的 html 结构...
查看我的更新答案
您是否创建了音频元素？请将其添加到您的标记中

标签： javascript jquery html audio

【解决方案1】：

将data-word 添加到每个带有“word”类的元素：

<p>
  <span class="word" data-word="hello" id="1">Hello </span><span class="word" data-word="world" id="2">World! </span><span class="word" data-word="life" id="3">Life </span><span class="word" data-word="long" id="4">long</span>
</p>

然后在你的 jQuery 中写：

(function($) {
  $(function() {
    var audio = $('audio').get(0),
      word_timings = {
        'hello': {start: 0, end: 1},
        'world': {start: 1, end: 2},
        'life': {start: 2, end: 3},
        'long': {start: 4, end: 4}
      };

    $('.word').click(function() {
      var word = $(this).data('word'),
        start = word_timings[word].start,
        end = word_timings[word].end;

      audio.pause().currentTime = start;
      audio.play();
      $(audio).on('timeupdate', function() {
        if (this.currentTime >= end) {
          this.pause();
          $(audio).off('timeupdate');
        }
      });

    });
  });
})(jQuery);

在数组word_timings 中，您可以定义哪个单词在什么秒/时间开始和结束。

【讨论】：

完美！非常感谢你！！唯一的就是“audio.pause().currentTime = start;”无需“.pause()”即可工作。有效的代码是：audio.currentTime = start;真的谢谢你！

【解决方案2】：

尝试：

function dynamicVoice(text){
  var msg = new SpeechSynthesisUtterance(text);
window.speechSynthesis.speak(msg);
  }

dynamicVoice("Hello World");

文本到语音的浏览器api

【讨论】：

这是个好主意，但首先：它不完全满足 OPs 要求，其次不是所有浏览器都广泛支持