首页 > Web开发 > 详细

AngularJS中播放音频audio

时间:2016-07-10 16:31:33      阅读:2144      评论:0      收藏:0      [点我收藏+]

一般情况下对于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>

 

AngularJS中播放音频audio

原文:http://www.cnblogs.com/leekenky/p/5657862.html

(5)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!