Videogular 显示不正确的视频开始时间和结束时间答案

【问题标题】：Videogular displays incorrect start time and end time for a videoVideogular 显示不正确的视频开始时间和结束时间
【发布时间】：2015-11-20 01:33:10
【问题描述】：

为什么 videogular 没有显示正确的视频开始时间？对于所有视频，它从 30:00 开始，应该是 00:00，并随着视频播放开始递增。

<vg-controls>
        <vg-play-pause-button></vg-play-pause-button>
        <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>{{ totalTime | date:'mm:ss' }}</vg-time-display>
        <vg-volume>
            <vg-mute-button></vg-mute-button>
            <vg-volume-bar></vg-volume-bar>
        </vg-volume>
        <vg-fullscreen-button></vg-fullscreen-button>
    </vg-controls>

在图片中，您可以看到视频为 62 分钟，但显示的总时间为 2 分钟，当前时间显示为 30:12，但仅播放 00:12ss。

有什么建议可以实现这个吗？谢谢

【问题讨论】：

标签： angularjs video asp.net-web-api videogular

【解决方案1】：

使用“UTC”过滤器

<vg-time-display>{{ currentTime | date:'mm:ss':'UTC' }}</vg-time-display>

这适用于所有时区。

【讨论】：

【解决方案2】：

Videogular 正在使用date filter。

您需要添加时区，仅此而已。

<vg-time-display>{{ currentTime | date:'mm:ss':'+0000' }}</vg-time-display>

【讨论】：

如果视频少于 1 小时，它可以工作。但如果它大于 60 分钟，则显示无效的开始时间。假设如果视频为 70 分钟，它将显示为 12:00:01 作为开始时间如果我们将日期设置为 date:'hh:mm:ss':'+0000' 如上格式所示，则结束时间正确显示为 01:10:00。为什么开始时间总是从 12:00:00 开始？
在此之后，擦洗栏被搞砸了

【解决方案3】：

创建一个以可读格式返回时间的函数，并在 vg-time-display 标签中使用该函数

html

<vg-time-display>{{ getTimeString(currentTime) }}</vg-time-display>

角函数

$scope.getTimeString = function (duration ){
        var seconds = Math.floor((duration / 1000) % 60),
            minutes = Math.floor((duration / (1000 * 60)) % 60),
            hours = Math.floor((duration / (1000 * 60 * 60)) % 24);
        hours = (hours < 10) ? "0" + hours : hours;
        minutes = (minutes < 10) ? "0" + minutes : minutes;
        seconds = (seconds < 10) ? "0" + seconds : seconds;
        var timeInString;
        if (hours > 0) {
            timeInString = hours + ":" + minutes + ":" + seconds;
        } else {
            timeInString = minutes + ":" + seconds;
        }
        return timeInString;
    }

【讨论】：