如何下载语言环境TTS

时间:2019-04-24 13:50:57

标签: javascript download google-api text-to-speech

我想问一下如何根据输入的文本添加一个按钮来下载音频。如果不可能的话,有什么建议吗?附上我的高级代码。

<script src="http://code.jquery.com/jquery-1.12.1.js"></script>
<script src="http://code.responsivevoice.org/responsivevoice.js"></script>
<div class="col-md-4">
  <div class="form-group{{ $errors->has('dia_final') ? ' has-error' : '' }}">
    <label>Mensaje</label>
    <div class="input-group">
      <input type="text" name="text">
      <a href="#" class="say">Escuchar Texto!</a>
    </div>
    <audio src="" hidden class=speech></audio>
    <script>
      $("a.say").on('click', function(e) {
        e.preventDefault();
        var text = $("input[name=text]").val();
        responsiveVoice.speak(text, "Spanish Female");
        text = encodeURIComponent(text);
        var url = "http://"
      })
    </script>
  </div>
</div>
</div>

1 个答案:

答案 0 :(得分:0)

端点http://responsivevoice.org/responsivevoice/getvoice.php将简化您的要求。例如,URL https://code.responsivevoice.org/getvoice.php?t=hello%20world&tl=en-US分配音频 hello world

一种通过纯客户端脚本实现一键下载的平凡解决方案是,使用AJAX提取音频文件,将其转换为对象URL,并使用锚元素触发下载。

但是,由于为端点提供的服务没有CORS标头,因此需要使用等效于https://cors-anywhere.herokuapp.com/的服务。

我在https://jsfiddle.net/u2chbxq7/起草了一个标本,该标本将用作路线图。