2013-12-11 3 views
5

soundmanager2를 기반으로하는 angularJS 오디오 플레이어를 만들고 싶습니다. 코딩을 시작하기 전에 현재 생각하고있는 조언을 찾고 있습니다.angularJS 오디오 플레이어를 제작하는 가장 좋은 방법은 무엇입니까?

가 나는 또한

  • ) (.RUN하여 각도와 SoundManager (사운드 관리자) 부트 스트랩한다

    • 모두 플레이어 로직 (사운드 관리자 랩퍼) 및 플레이어 컨트롤 (버튼/세정)을 분리하려는 사운드 매니저는 공장 (사운드 플레이어)에 포장되어 soundmanager2 인스턴스를 반환합니다.

    • 사운드 컨트롤 (웹캠이 지원되는 경우 버튼 및 스크러버 + 이상적인 파형)은 저울로 처리됩니다 사운드 플레이어 인스턴스를 수신 할 지시문 (soundControls)

    어떻게 생각하십니까? 나는 그것을 격렬하게하는 것, 바퀴를 다시 발명하는 것인가, 아니면 나는 좋은 길로 가고 있는가? 조언을 환영합니다.

    감사합니다.

  • +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; 
    });