Question

我的控制器中有方法可以获得音频：

$scope.searchTracks = function(text) {
    Search.search.get({
        text: text
    }, function(data) {
        $scope.tracks = data;
        $sce.trustAsResourceUrl($scope.tracks.Mp3Ref);
    })
}

为了玩，我使用这个播放器：http://mrgamer.github.io/angular-media-player/

在模板中：

<div class="song_block" ng-repeat="track in tracks">
    ...
<audio media-player="trackPlayer" ng-src="[[ track.Mp3Ref ]]" ></audio>
<span ng-click="trackPlayer.playPause();" ng-class="{ 'pauseZ': trackPlayer.playing, 'playZ': !trackPlayer.playing} "></span>
 </div>

另外，我有一个更新曲目的搜索栏。因此，当我访问该网站并点击＆＃34; Play＆＃34;音频输出。当我在搜索中键入内容并获取新曲目时 - 它不起作用。怎么会？ src在正确的路径中，在控制台错误中没有得到

Answer 1

私下回答angular-media-player本身是围绕播放列表构建的，并不是设计为在一个页面中有许多指令（事件发生冲突，因为它们是基于名称的，并且发生了不好的事情）。

最简单的方法是构建一个播放列表，其中包含您网页中的所有歌曲，然后在ng-click="mediaPlayer.playPause($index)"循环中使用ng-repeat。

角度媒体播放器和动态内容

1 个答案: