1

我正在尝试在我的音频播放器应用程序中实现 Videogular。本页示例代码中的设置如下：

      <vg-time-display>{{ currentTime | date:'mm:ss' }}</vg-time-display>
      <vg-scrub-bar>
        <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
      </vg-scrub-bar>
      <vg-time-display>{{ timeLeft | date:'mm:ss' }}</vg-time-display>

但是，我尝试加载的音频超过一个小时，因此我需要实现“hh:mm:ss”。当我将格式更改为hh:mm:ss它时，持续时间增加了大约 5:00 小时，并且 00:01:30 显示为 05:01:30

通过一些临时实验，“videogular.js”中的以下更改解决了这个问题：

this.onUpdateTime = function (event) {
  $scope.API.currentTime = 1000 * event.target.currentTime - (1000 * 60 * 300 * 5 * 5);

  if (event.target.duration != Infinity) {
    $scope.API.totalTime = 1000 * event.target.duration - (1000 * 60 * 300 * 5 * 5);
    $scope.API.timeLeft = 1000 * (event.target.duration - event.target.currentTime) - (1000 * 60 * 300 * 5 * 5);
    $scope.API.isLive = false;
  }
}

但这也会影响以下我无法修复的代码：

  percentTime = 100 * (newCurrentTime / API.totalTime);
  elem.css("width", percentTime + "%");
4

2 回答 2

0

是的，这看起来更像是 AngularJS 过滤器中缺少功能而不是 Videogular 中的问题。我们正在使用 AngularJS 日期过滤器，正如您在 AngularJS 文档中看到的那样，它仅支持浏览器时区或 UTC。

https://docs.angularjs.org/api/ng/filter/date

如果您想显示小时数，我建议您创建自己的过滤器来显示小时数并使用它来代替 date:'mm:ss'。

由于它看起来是 Videogular 的一个很好的功能，我将尝试查看 AngularJS 代码并添加完整的时区支持。

于 2015-02-16T09:30:14.163 回答
0

如果您将时区“+0000”指定为日期过滤器的第二个参数，似乎可以正常工作：

<vg-time-display>{{ currentTime | date:'HH:mm:ss':'+0000' }}</vg-time-display>
于 2019-12-20T14:16:02.640 回答