2013-12-11 9 views
5

Voglio creare un player audio angularJS basato su soundmanager2. Prima di iniziare la codifica, sto cercando consigli sul mio attuale pensiero.Qual è il modo migliore per costruire un player audio angularJS?

ho intenzione di separare sia la logica giocatore (suono gestore involucro) e controlli del lettore (pulsanti/scrubber)

  • sarò anche bootstrap del SoundManager con angolare utilizzando .run()

  • L' sound manager verrà inserito in una factory (soundplayer) e restituirà un'istanza soundmanager2

  • I controlli audio (pulsanti e scrubber + idealmente una forma d'onda se webaudio è supportato) verranno gestiti tramite una direttiva (soundControls) che riceverà un'istanza di soundplayer

Cosa ne pensi? Sto finanziandolo, re-inventando la ruota o sono su una buona strada? I consigli sono ben accetti

Grazie!

+2

[Questo] (http://blog.jetboystudio.com/articles/angular-music-player/) potrebbe essere interessante per voi. – Mouagip

+0

nice, grazie – lionelB

+0

Ecco uno https://github.com/perminder-klair/angular-soundmanager2 non sono sicuro che OP sia il creatore di questo o no – Ravimallya

risposta

2

Ho infine optato per una comunicazione basata su eventi. Una volta creata la direttiva, emetto un oggetto contenente l'API che voglio esporre.

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

E dal mio controller I gestire questo

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