Question

所以我试图从HTML5视频中获取HH：MM：SS的当前时间戳。我正在使用this的变体：
的 HTML

<video
    id="video-active"
    class="video-active"
    width="640"
    height="390"
    controls="controls">
    <source src="myvideo.mp4" type="video/mp4">
</video>
<div id="current">0:00</div>
<div id="duration">0:00</div>

JQUERY

$(document).ready(function(){
    $("#video-active").on(
    "timeupdate", 
    function(event){
    onTrackedVideoFrame(this.currentTime, this.duration);
});

function onTrackedVideoFrame(currentTime, duration){
    $("#current").text(currentTime);
    $("#duration").text(duration);
}

我的主要问题是当前和持续时间的div只是显示0:00而没有别的。代码有问题，还是有更简单的方法来获取HTML视频的时间戳？

Answer 1

首先，要解决0:00问题，我会将TEXT更改为HTML

function onTrackedVideoFrame(currentTime, duration){
    $("#current").html(currentTime);
    $("#duration").html(duration);
}

然后包括MOMENT

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.min.js"></script>

将秒转换为毫秒并创建一个MOMENT持续时间

    val = Number(duration) * 1000; //convert seconds to milliseconds
    var d = moment.duration(val);
var show_time = d.hours() + "hours" + d.minutes() + "minutes" + d.seconds() + "seconds";

如何获取HTML视频中的当前时间戳（不仅仅是以秒为单位）

1 个答案: