我想问一下如何根据输入的文本添加一个按钮来下载音频。如果不可能的话,有什么建议吗?附上我的高级代码。
<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>
答案 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/起草了一个标本,该标本将用作路线图。