Question

我在ReactJs项目中使用视频播放器。

我在几秒钟内得到了播放器的当前时间，我希望将该时间转换为HH:MM:SS:FF format，其中FF代表特定的帧。

我已经能够将时间转换为HH:MM:SS格式，如下所示：

secondsToHms = (d) => {
  d = Number(d);
  var h = Math.floor(d / 3600);
  var m = Math.floor(d % 3600 / 60);
  var s = Math.floor(d % 3600 % 60);
  return ((h > 0 ? h + ":" + (m < 10 ? "00" : "") : "00:") + "0"+ m + ":" + (s < 10 ? "0" : "") + s);
}

假设我有一个以每秒24帧的帧速率播放的视频而且我正在花时间，例如。与126.2344452一样，如何改进我的功能以计算FF部分？

Answer 1

如果你知道fps，那么计算应该非常简单：

使用second % 1获取小数部分时间。
乘以fps：0.0秒是＆＃34;帧0＆＃34;和0.9999秒是＆＃34;帧fps-1＆＃34;。
帧数通常为零，但您可以添加1以使其成为1。

如果您想要总帧数，只需跳过步骤1.

secondsToHms = ( d, fps = 24 ) => {
   const pad2 = txt => ( '0' + Math.floor( txt ) ).substr( -2 ),
         h = pad2( d / 3600 ),
         m = pad2( d % 3600 / 60 ),
         s = pad2( d % 60 ),
         f = pad2( d % 1 * fps ); // +1 here for one based frame
   return `${h}:${m}:${s}:${f}`;
}

我冒昧地重构你的功能。我希望它仍然是你自己的。

Answer 2

要计算FF，只需（1）将总秒数乘以帧速率，然后（2）执行modulo division：

numberofseconds * fps % fps

这是您的功能的一种变体，可以正确转换为HH:MM:SS:FF：

var convertTime = function (input, fps) {
    var pad = function(input) {return (input < 10) ? "0" + input : input;};
    fps = (typeof fps !== 'undefined' ?  fps : 24 );
    return [
        pad(Math.floor(input / 3600)),
        pad(Math.floor(input % 3600 / 60)),
        pad(Math.floor(input % 60)),
        pad(Math.floor(input * fps % fps))
    ].join(':');
}

演示

var convertTime = function (input, fps) {
    var pad = function(input) {return (input < 10) ? "0" + input : input;};
    fps = (typeof fps !== 'undefined' ?  fps : 24 );
    return [
        pad(Math.floor(input / 3600)),
        pad(Math.floor(input % 3600 / 60)),
        pad(Math.floor(input % 60)),
        pad(Math.floor(input * fps % fps))
    ].join(':');
}

document.body.innerHTML = '<pre>' + JSON.stringify({
    5.4416555 : convertTime(5.4416555),
    126.2344452 : convertTime(126.2344452),
    1156.1535548 : convertTime(1156.1535548),
    9178.1351559 : convertTime(9178.1351559),
    13555.3515135 : convertTime(13555.3515135)
}, null, '\t') +  '</pre>';

另见this Fiddle。

将时间（以秒为单位）转换为HH：MM：SS：FF

2 个答案:

演示