火狐&IE浏览器音频播放问题

qxyywy 2020-10-21 11:46:14

一个项目中用到了音频资源播放，使用的是html5的audio组件，根据网上查询的资料此组件需要根据不同浏览器使用不同的音频格式的文件。
如：

<audio controls="controls" id="audioControl">

                                <source class="mp3" src="">

                                <source class="ogg" src="">

                                <source class="wav" src="" />

                            </audio>

本人通过JS为组件里的各类音频赋值了对应的文件流地址：

$('#audioControl .mp3').attr('src', baseApiUrl + '/ArticleInfo/DownloadArticle?id=' + id + '&idSign=' + downSign);

                            $('#audioControl .ogg').attr('src', baseApiUrl + '/ArticleInfo/DownloadArticle?id=' + id + '&fileType=ogg&idSign=' + downSign);

                            $('#audioControl .wav').attr('src', baseApiUrl + '/ArticleInfo/DownloadArticle?id=' + id + '&fileType=wav&idSign=' + downSign);

                            document.getElementById('audioControl').load();

后端代码如下（.netcore）

var filePath = UploadConfig.DataTypePDFPath + model.Pdfpath;

                    if (fileType == "ogg")//获取音频OGG格式

                        filePath = filePath.ToLower().Replace(".mp3", ".ogg");

                    if (fileType == "wav")//获取音频OGG格式

                        filePath = filePath.ToLower().Replace(".mp3", ".wav");

                    FileInfo fileInfo = new FileInfo(filePath);

                    if (!fileInfo.Exists)

                    {

                        return ErrorInfo("文件不存在！");

                    }

                    var ext = fileInfo.Extension;

                    new FileExtensionContentTypeProvider().Mappings.TryGetValue(ext, out var contenttype);

                    return File(System.IO.File.ReadAllBytes(filePath), contenttype ?? "application/octet-stream", fileInfo.Name);

在谷歌浏览器播放正常，但在本人的IE（IE11）以及火狐（81.0.2【最新】）均播放失败
火狐浏览器播放的时候提示解码失败

IE浏览器里提示类型不支持或文件路径无效

其中火狐浏览器里解码问题在网上找到一种解决方案是重启Windows音频服务，用CMD命令重启后重启火狐浏览器依然不行。（https://stackoom.com/question/31tXs/Firefox-HTML-%E9%9F%B3%E9%A2%91-%E5%AA%92%E4%BD%93%E8%B5%84%E6%BA%90%E6%97%A0%E6%B3%95%E8%A7%A3%E7%A0%81-OnMediaSinkAudioError）

也去找过jquery音频插件，插件官方样例但也是一样的问题。（https://www.jq22.com/yanshi419）
火狐浏览器也是提示：
媒体资源 https://www.jq22.com/demo/bofq/audio.mp3 无法被解码。
媒体资源 https://www.jq22.com/demo/bofq/audio.ogg 无法被解码。
媒体资源 https://www.jq22.com/demo/bofq/audio.wav 无法被解码。

求一个解决方案。

...全文