使用angularJS播放base64编码的音频时出现错误：[$interpolate:noconcat]
使用angularJS播放base64编码的音频时出现错误：[$interpolate:noconcat]
提问于 2016-04-17 03:53:39
因此，我正在尝试让我的web应用程序播放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代码中，我仍然得到相同的错误。
回答 2
Stack Overflow用户
发布于 2016-06-16 17:27:37
尝试在控制器中创建一个变量，如下所示：
$scope.test = "data:audio/mp3;base64," + $scope.article.MOI并将此变量绑定到DOM。
Stack Overflow用户
发布于 2016-07-06 01:53:45
我在使用Firebase播放音频时遇到了同样的问题。这对我很有效。
在我的控制器中我有：
$scope.testAudio = $sce.trustAsResourceUrl("data:audio/mp3;base64," + $scope.article.MOI)在我的HTML中：
<audio controls class="playback" ng-src="{{testAudio}}"></audio>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36668974
复制相关文章
相似问题
腾讯云开发者
