2013-12-11 8 views
5

soundmanager2に基づいてangularJSオーディオプレーヤーを作成したいと思います。 コーディングを開始する前に、私は現在考えているアドバイスを探しています。 Iプレイヤロジック(音マネージャラッパ)とプレーヤーコントロール(ボタン/スクラバー)の両方を分離する予定angularJSオーディオプレーヤーを構築する最良の方法は何ですか?

  • Iはまた、(.RUN使用角度とsoundmanagerをブートストラップします)

  • サウンドマネージャーは工場(サウンドプレイヤー)にラップされ、soundmanager2インスタンスを返します

  • サウンドコントロール(ウェブとオーディオがサポートされている場合は理想的にはボタンとスクラバー+波形)はトラフリングサウンドプレイヤーインスタンスを受け取る指示(soundControls)

あなたはどう思いますか?私はそれをエンゲージリングして、ホイールを再発明しているのですか、それともいいですか?アドバイスは大歓迎です。

ありがとうございます!

+2

を扱うから、[この](http://blog.jetboystudio.com/articles/angular-music-player/)はあなたのためのも面白いかもしれません。 – Mouagip

+0

nice、ありがとうございます – lionelB

+0

ここに1つの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; 
}); 
関連する問題