AngularJS中播放音频audio

一般情况下对于audio标签,angularjs是不支持的。

用过滤器可以解决这个问题。

 

myModule.filter(‘trustUrl‘,function($sce){
        return function (input) {
            return $sce.trustAsResourceUrl(input);
        }
});

myModule.controller(‘myController‘,function($scope){
  //组装chat的信息
  ...

  //播放
  $scope.playAudio = function(id){
    document.getElementById(id).play();
  }
});

在页面中使用:

 

<audio ng-src="{{chat.audio|trustUrl}}" id="{{chat.id}}"></audio>
<span ng-click="playAudio(chat.id)">点击播放</span>

 

文章来自:http://www.cnblogs.com/leekenky/p/5657862.html
© 2021 jiaocheng.bubufx.com  联系我们
ICP备案:鲁ICP备09046678号-3