2013-12-11 12 views
5

Chcę utworzyć odtwarzacz audio angularJS oparty na soundmanager2. Przed rozpoczęciem kodowania szukam wskazówek na temat mojej obecnej myśli.Jaki jest najlepszy sposób na zbudowanie odtwarzacza audio AngularJS?

Mam zamiar rozdzielić zarówno logikę Player (dźwięk) i menedżer otoki kontroli gracza (przyciski/płuczki)

  • będę również Bootstrap z SoundManager kątowy z użyciem .run()

  • Menedżer dźwięku zostanie zawinięty do fabryki (odtwarzacz dźwięku) i zwróci instancję soundmanager2

  • Sterowanie dźwiękiem (przyciski i skrube + idealnie, jeśli format Webaudio jest obsługiwany) będą obsługiwane dyrektywa (soundControls), która otrzyma instancję odtwarzającą dźwięk:

Co sądzisz? Czyżbym nad nim umiejscowił, ponownie wymyślił koło lub czy jestem na dobrej drodze? Porady są mile widziane.

Dzięki!

+2

[To] (http://blog.jetboystudio.com/articles/angular-music-player/) może być dla Ciebie interesujący. – Mouagip

+0

ładne, dziękuję – lionelB

+0

Oto jeden https://github.com/perminder-klair/angular-soundmanager2 nie jestem pewien, czy OP jest twórcą tego czy nie – Ravimallya

Odpowiedz

2

W końcu zdecydowałem się na komunikację opartą na zdarzeniach. Po utworzeniu dyrektywy emituję obiekt zawierający interfejs API, który chcę udostępnić.

$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); 

A z moim kontrolera I obsłużyć to

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