使用Firebase节省当前的HTML5视频时间

时间:2018-06-19 14:24:49

标签: javascript firebase

Mudar paraportuguês 我正在开发一个项目,例如Netflix,登录用户可以继续观看最后观看的剧集,但是我需要保存视频的当前时间,所以我想知道js中是否有任何方法可以检索在用户关闭页面或返回主页之前的当前时间,我真的不知道如何在不向银行提出过多请求的情况下执行此操作,我曾考虑过每隔一段时间进行保存,但我也会使用很多Firebase资源。

1 个答案:

答案 0 :(得分:2)

首先,我强烈建议使用video.js。如果不使用video.js,您可以像这样获取视频的当前时间

var vid = document.getElementById("myVideo");
var currentTime = vid.currentTime;

在video.js中

var currentTime = player.currentTime();

然后您可以将其保存在所需的位置,但我强烈建议您使用localStorage。就是这样。

localStorage.setItem('your_video_identifier', currentTime);

最后,您可以使用setInterval每秒钟调用一次,也可以在jquery中的beforeunload事件中调用它。

$(window).on("beforeunload", function() { 
    var vid = document.getElementById("myVideo");
    var currentTime = vid.currentTime;
    localStorage.setItem('your_video_identifier', currentTime);
    return; 
});

var currentTimeSaver = setInterval(function(){
        var vid = document.getElementById("myVideo");
        var currentTime = vid.currentTime;
        localStorage.setItem('your_video_identifier', currentTime);
}, 1000);

如果您仍然想使用Firebase,可以选中此page