构建angularJS音频播放器的最佳方法是什么?

前端之家收集整理的这篇文章主要介绍了构建angularJS音频播放器的最佳方法是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想创建一个基于soundmanager2的angularJS音频播放器.
在开始编码之前,我正在寻找关于我当前想法的建议.

我打算将播放器逻辑(声音管理器包装器)和播放器控件(按钮/擦除器)分开

>我还将使用.run()以角度引导声音管理器
>声音管理器将被包装到工厂(音响播放器)中并返回一个soundmanager2实例
>声音控制(理想情况下按钮和擦除器,如果支持webaudio,则为波形)将通过指令(soundControls)处理,它将接收声音播放器实例

你觉得怎么样?我是不是想要它,重新发明轮子或我是一个好方法?建议是受欢迎的.

谢谢!

解决方法

我终于选择了基于事件的沟通.
创建指令后,我会发出一个包含我想要公开的API的对象.

$scope.controls={
  play: function(){
    snd.play();
  },stop: function(){
    snd.stop();
  },pause: function(){
    snd.pause();
  },rewind: function(){
    snd.stop();
    snd.play();
  }
}
$scope.$emit('snd:init',$scope.controls);

从我的控制器中我处理这个

var unregisterInit = $scope.$on('snd:init',function(event,controls){
  unregisterInit();
  playerApi = controls;
});

猜你在找的Angularjs相关文章