Как скачать локаль TTS - PullRequest
0 голосов
/ 24 апреля 2019

Я хотел спросить, как можно добавить кнопку для загрузки аудио в соответствии с введенным текстом. Если нет возможности сделать это, какие-либо рекомендации? Прикрепленный код того, что я выдвинул.

<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 голосов
/ 24 апреля 2019

Конечная точка 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/, который будет служить дорожной картой.

...