围绕视频播放列表创建内容编程

Question

我喜欢创造一种“永远-对”的感觉播放视频说-视频(不同的长度)，并将它们串在一起，以创建一个播放列表。

我试着看看视频是否适合24小时的跨度或更长。基于此，当用户进入时，使用他们当前的时间戳跳转到视频播放列表中的那个时间。

例如--我在一个物体上有5段视频。

{ a: 3.54, b: 8.32, c: 15.23, d: 38.16, e: 68:13}   

然后，我将这些持续时间转换为秒。24小时至秒= 86400

在加载到页面时，以秒为单位检查当前时间，并查看视频播放列表中的同步位置。当我陷入困境时，如果播放列表的总持续时间是> 86400，该怎么办？

那么，在接下来的24小时内，如何调整漏油量，并每天继续进行调整呢？

Answer 1

问题的根源在于你只检查了一天中的时间，这相当于每天午夜重新开始播放列表。这造成了与播放列表的差异，播放列表的长度不等于24小时，而播放列表的时间超过24小时。

最简单的解决办法是把所有的播放列表当作从过去固定时间开始循环的方式。

在代码示例中，我选择了年初作为起点，但您也可以在上次更新播放列表时使用时间戳；这样，在创建或更新播放列表之后，它将开始播放第一个视频，然后无休止地循环。

运行代码片段(重复)以查看此操作。

​

// FIND ELAPSED TIME SINCE START POINT
var then = new Date("January 1, 2016 00:00:00"); // or use playlist creation timestamp
var now = new Date();
var interval = Math.round((now - then) / 1000);
document.write("interval: " + interval + " seconds<br>");

// CALCULATE LENGTH IN SECONDS OF PLAYLIST (IF UNKNOWN)
var playlist = {a: 3.54, b: 8.32, c: 15.23, d: 38.16, e: 68.13};
var length = 0;
for (var i in playlist) {
    var minutes = Math.floor(playlist[i]);
    var seconds = (minutes * 60) + Math.round((playlist[i] * 100) % 100);
    length += seconds;
}
document.write("length: " + length + " seconds<br>");

// CALCULATE CURRENT POSITION IN PLAYLIST
var position = interval % length;
document.write("position in playlist: " + position + " seconds<br>");

// CALCULATE CURRENT POSITION IN VIDEO
for (var i in playlist) {
    var minutes = Math.floor(playlist[i]);
    var seconds = (minutes * 60) + Math.round((playlist[i] * 100) % 100);
    if (position < seconds) {
        document.write("video: " + i + "<br>position in video: " + position + " seconds");
        break;
    }
    else position -= seconds;
}

​