我正在构建一个应用程序，用户可以单击按钮，然后它将数据发送到服务器。然后，服务器根据请求（很可能是 POST）中的数据计算音频，并将 WAV 文件返回到浏览器。
我已经构建了接受 post 请求并使用 wav 文件响应的部分，但我不知道如何在 JS 中发送请求并向用户播放响应。
此外，音频的播放必须（几乎）在第一个字节进入时开始，因为音频文件非常大，用户不能只是等待请求完成。
我也愿意接受更改服务器发送文件方式的建议：服务器是在flask http://flask.pocoo.org/
这样的事情会起作用吗？
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<audio controls>
<source id="source" src="" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$.ajax({
url: 'get.php',
data: { attr1: 'value1' },
success: function( data ) {
console.log(data);
$('audio #source').attr('src', data);
$('audio').get(0).load();
$('audio').get(0).play();
}
});
</script>
</body>
</html>
虽然get.php仅打印音频文件链接。请注意，我没有获得任何 WAV 文件，因此无法对此进行测试。
<?php echo 'http://junaidahmed.io/w/audio.mp3'; ?>
我在上面打印的音频时长 30 分钟，文件大小约为 13mb。我的互联网速度不够快，无法在一两秒内加载整个文件，但它会立即播放。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
