Question

我使用katspaugh's waveSurfer library播放声音文件。

我编写的代码显示了已用时间/总时间＆＃39;就这样。

waveSurfer.on('play', function() {
   $scope.getCurrentDuration();
});

$scope.getCurrentDuration()是一个将浮点型变量转换为字符串型变量的函数，如下所示：

$scope.getDuration = function() {

  if ($scope.waveSurferReady) {
    var time = waveSurfer.getDuration(); // get duration(float) in second
    var minute = Math.floor(time / 60); // get minute(integer) from time
    var tmp = Math.round(time - (minute * 60)); // get second(integer) from time
    var second = (tmp < 10 ? '0' : '') + tmp; // make two-figured integer if less than 10

    return String(minute + ':' + second); // combine minute and second in string
  }

  else {
    return 'not ready yet'; // waveSurfer is not ready yet
  }
};

但问题是，在这部分： waveSurfer.on('play', function() ...) 回调函数只执行一次。

我希望定期调用回调函数，但它只执行一次，因此结果只显示开始时间。

我该如何解决这个问题？

Answer 1

查看source，我发现audioprocess事件与html5 timeupdate事件配对。

尝试一下。

waveSurfer.on('audioprocess', function() {
   // do stuff here
});

waveurfer实时获取经过的时间

1 个答案: