离子音乐搜索栏

Question

我想知道是否有办法为离子音乐播放器创建搜索栏。

我目前正在使用cordova-media插件播放音乐，我想知道如何实现搜索（拖动以移动到歌曲中的特定位置）。

我尝试使用rangelider并将其值设置为绑定到歌曲当前位置的ng-model。当歌曲开始时它会正常工作（它在播放歌曲时移动）但是当你跳到特定位置时（通过拖动滑块），它会移动到该位置并从该位置播放歌曲（如预期的那样）但是滑块停止随着歌曲的当前位置移动。

<input type="range" name="points" min="0" max="100" ng-model="sliderPercentage" ng-value="{{sliderPercentage}}" style="width:100%" ng-change="seekTrack(sliderPercentage)">

这是javascript：

  $rootScope.sliderInterval = $interval(function () {
    $rootScope.media.getCurrentPosition(function (position) {
      if (position > 0) {
        var dur = $rootScope.media.getDuration();
        $rootScope.sliderPercentage = (position / dur) * 100;
        console.log('Position: ' + position + '\nDuration: ' + dur);
        console.log($rootScope.sliderPercentage);
      }
    });
  }, 1000);

是否有更好的方法来实现搜索栏或使当前搜索栏工作的方法？