2013-12-11 3 views
5

Я хочу создать угловой аудио плеер на основе soundmanager2. Прежде чем начать кодирование, я ищу советы по моей нынешней мысли.Каков наилучший способ построить угловой аудио плеер?

Я планирую разделить как игрок логику (звук менеджер обертки) и управление проигрывателем (кнопки/скруббер)

  • Я также начальную загрузку Soundmanager с угловой помощью .run()

  • звуковой менеджер будет завернут в фабрику (soundplayer) и вернет экземпляр soundmanager2

  • Звуковые элементы управления (кнопки и скруббер + в идеале форма волны, если поддерживается веб-аудио) будет обрабатываться корытом директива (soundControls), которая получит экземпляр soundplayer

Что вы думаете? Могу ли я перерабатывать его, изобретать колесо или Am I по-хорошему? Советы приветствуются.

Спасибо!

+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; 
}); 
Смежные вопросы