javascript - HTML 使用 angularJS 播放 Base 64 编码的音频，错误为 : [$interpolate:noconcat]

Question

所以我试图让我的网络应用程序播放 base64 编码的音频。这是我正在使用的代码:

<audio controls="controls" autobuffer="autobuffer" autoplay="autoplay">
        <source  ng-src="data:audio/mp3;base64,{{article.MOI}}">
</audio>

问题是我收到此错误:

angular.js:11655 Error: [$interpolate:noconcat] http://errors.angularjs.org/1.3.15/$interpolate/noconcat?p0=data%3Aaudio%2Fmp3%3Bbase64%2C%7B%7Barticle.MOI%7D%7D

奇怪的是，我还使用以下代码行显示 base64 编码图像:

<img ng-src="data:image/JPEG;base64,{{article.Image_Front}}" >

当我注释掉音频部分时，图像能够正确显示的位置。此外，如果我用实际的 base64 编码字符串替换对 article.MOI 的调用，我可以播放音频。我已经查看并尝试使用

$scope.recordings = $sce.trustAsResourceUrl(myData);

在我的 angularjs 代码中，但我仍然遇到相同的错误。

Answer 1

尝试在 Controller 中创建一个变量，如下所示:

$scope.test = "data:audio/mp3;base64," + $scope.article.MOI

并将这个变量绑定(bind)到 DOM。