2013-12-11 113 views
5

我想創建一個基於soundmanager2的angularJS音頻播放器。 在開始編碼之前,我正在尋找我當前想法的建議。構建angularJS音頻播放器的最佳方法是什麼?

我打算都選手邏輯(聲音管理包裝器)和播放器控制(按鈕/滌氣器)

  • 我將與角使用.RUN()

  • 的也自舉SoundManager類分開聲音管理器將被包裝到一個工廠(soundplayer)中,並返回一個soundmanager2實例

  • 聲音控制(按鈕和擦除器+理想情況下,如果支持webaudio,波形)將被處理槽一個指令(soundControls)將會收到一個soundplayer實例

你覺得呢?我是否過於強調它,重新發明輪子還是我在一個好的方式?歡迎提供建議。

謝謝!

+2

[這](http://blog.jetboystudio.com/articles/angular-music-player/)可能對你有意思。 – Mouagip

+0

不錯,謝謝 – lionelB

+0

這裏是一個https://github.com/perminder-klair/angular-soundmanager2我不確定OP是否是這個的創造者 – Ravimallya

回答

2

我終於選擇了基於事件的溝通。 創建指令後,我發出一個包含我想公開的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; 
}); 
相關問題