Was ist der beste Weg, um einen angularJS Audio Player zu bauen?

Question

Ich möchte einen angularJS Audio Player basierend auf Soundmanager2 erstellen. Bevor ich mit der Programmierung beginne, suche ich nach Ratschlägen zu meinem derzeitigen Gedanken.

Ich plane beide Spieler Logik (Sound Manager-Wrapper) und Player-Steuerelemente zu trennen (Tasten/Wäscher)

• Ich werde auch die Soundmanager mit Winkel mit .run()

• Der Bootstrap Der Soundmanager wird in eine Factory (Soundplayer) eingepackt und gibt eine soundmanager2 Instanz zurück

• Die Soundsteuerelemente (Tasten und Scrubber + idealerweise eine Wellenform wenn Webaudio unterstützt wird) werden behandelt eine Direktive (soundControls) die eine Soundplayerinstanz empfängt

Was denkst du? Bin ich dabei, das Rad neu zu erfinden oder bin ich auf einem guten Weg? Räte sind willkommen.

Danke!

Answer 1

Ich entschied mich schließlich für eine ereignisbasierte Kommunikation. Sobald die Direktive erstellt ist, emittiere ich ein Objekt, das die API enthält, die ich bereitstellen möchte.

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

Und aus in meinem Controller ich mit dieser

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