如何使用 VueJS 和 .NET 从数据库播放 amr 文件（BLOB）？

Question

我有一些 MP3 和 amr 文件转换成 Base64。我在这个页面上转换了我的音频文件： https://base64.guru/converter/encode/audio

我安装了一个 npm 库，我显示它可以播放 mp3 blob 但不能播放 amr 文件。

我应该怎么做，我应该下载哪个 npm 库来播放我的每个 mp3 和 amr 文件？ 另外，当我写 File(resultDto.MediaContent, "audio/mp3") 时，.NET 可以将我的 amr 文件投射并返回到 mp3 吗？

我正在从客户端发送请求。 在服务器上获取 BLOB 数据并作为return File(resultDto.MediaContent, "audio/mp3"); （它返回 base64 字符串）

在客户端，我在结果前面添加了“data:audio/mp3;base64,”。 它可以播放我的 mp3 文件，但不能播放 amr。 如果我将我的 .NET 代码和 Vue2 代码更改为“amr”，播放器将无法同时播放它们。 所以，我认为问题出在我下载的播放器库上。

Answer 1

我在我的电脑上安装了 ffmpeg。 我写了一个 bash 脚本，它采用文件夹路径并将所有.amr 文件转换为.mp3。 然后，我将 mp3 文件转换为包含其 base64 字符串的 .txt 文件。

我将它们添加到我的数据库中。

语音质量略有下降，但工作正常。

这是我的脚本：

amr 到 mp3： find. -name "*.amr" -exec ffmpeg -i {} -ar 22050 {}.mp3 \; find. -name "*.amr" -exec ffmpeg -i {} -ar 22050 {}.mp3 \;

mp3 到 txt： find. -name "*.mp3" -exec bash -c 'for f; do base64 "$f" > "$f.txt"; done' _ {} \; find. -name "*.mp3" -exec bash -c 'for f; do base64 "$f" > "$f.txt"; done' _ {} \;