admin管理员组

文章数量:1335825

I am building an app where the user can click a button, and it sends data to the server. The server then putes audio based on the data in the request (most likely a POST), and returns a WAV file to the browser.

I have already built the part with accepting a post request and responding with the wav file, but I can't figure out how to send the request in JS and to play the response to the user.

Also, the playing of the audio must start (almost) as the first byte es in, as the audio files are quite large, and the user can't just wait for the request to be pleted.

I am also open to suggestions changing how the server sends the file: the server is made in flask

I am building an app where the user can click a button, and it sends data to the server. The server then putes audio based on the data in the request (most likely a POST), and returns a WAV file to the browser.

I have already built the part with accepting a post request and responding with the wav file, but I can't figure out how to send the request in JS and to play the response to the user.

Also, the playing of the audio must start (almost) as the first byte es in, as the audio files are quite large, and the user can't just wait for the request to be pleted.

I am also open to suggestions changing how the server sends the file: the server is made in flask

  • javascript
  • jquery
  • ajax
  • audio
  • html5-audio
Share Improve this question asked Jul 4, 2017 at 3:42 ginkoidginkoid 3041 gold badge4 silver badges13 bronze badges 2
  • did you see this link? github./Jam3/audiobuffer-to-wav/blob/master/demo/index.js – Hamed Javaheri Commented Jul 4, 2017 at 4:08
  • I don't think that is what I need - it doesn't play the audio, nor does it play/somehow return the audio in real-time. – ginkoid Commented Jul 4, 2017 at 4:19
Add a ment  | 

1 Answer 1

Reset to default 3

Will something like this work?

<!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./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>

While the get.php just prints the audio file link. Note that I didn't get any WAV file so can't test on that.

<?php echo 'http://junaidahmed.io/w/audio.mp3'; ?>

That audio I'm printing above is a 30 minute and about 13mb file size. My internet is not fast enough to load the whole file in a second or two and yet it plays right away.

本文标签： javascriptHow to send AJAX POST request and play the audio in the responseStack Overflow

版权声明：本文标题：javascript - How to send AJAX POST request and play the audio in the response? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1742399353a2467568.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。