前端如何接收后端返回content-Type为application/octet-stream格式的音频文件

最新推荐文章于 2024-10-30 22:22:06 发布

天一城

最新推荐文章于 2024-10-30 22:22:06 发布

阅读量1w

点赞数

分类专栏：处理音频二进制流

本文链接：https://blog.csdn.net/qq_24511933/article/details/117466802

版权

博客内容讲述了前端如何处理后端返回content-Type为application/octet-stream格式的音频文件。通过设置xhr.responseType为"arraybuffer"，利用AudioContext的decodeAudioData方法解码播放，或者将responseType设为"blob"并通过audio标签播放。这两种方法已被验证可行。

摘要由CSDN通过智能技术生成

//文字转语音接口

 function getWavData() {
        var xhr = new XMLHttpRequest();
        var url = urlWav;
        xhr.open('POST', url, true); // 设置请求方式POST方式      
        xhr.responseType = "arraybuffer"; // 返回类型blob       
        xhr.setRequestHeader("Content-Type","application/json");//设置请求内容类型
        xhr.setRequestHeader("sid",headerWav.sid);//设置请求内容类型
        xhr.setRequestHeader("sessionParam",headerWav.sessionParam);//设置请求内容类型
        // 请求回调函数，在请求后台完成，后台返回数据后执行此方法onload
        xhr.send(JSON.stringify({ "text": "好的，请稍等，这就为您操作" }));
        xhr.onload = function() {     
        if (this.status != 200) {// 判断请求状态码，看请求是否成功执行    
            $.walk.alert("导出失败！", "info");    
            return;        
        }      
        var content = this.response; //获取后台响应内容
        var context =