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

Question

Mudar para português 我正在开发一个项目，类似于 Netflix，登录用户可以继续观看上次观看的剧集，但是我需要保存视频的当前时间，所以我想知道 js 中是否有任何方法可以在用户关闭页面或返回主页之前检索当前时间， 我真的不知道如何在不向银行提出太多要求的情况下做到这一点，我想过每隔一段时间节省一次，但我也会使用大量的火力资源。

Answer 1

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

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

在视频中.js

var currentTime = player.currentTime();

然后你可以把它保存在你想要的地方，但我强烈建议你本地存储。是这样的。

localStorage.setItem('your_video_identifier', currentTime);

最后，您可以使用 setInterval 每秒调用它，也可以在 jquery 中调用它之前卸载事件，如下所示。

$(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，可以查看此页面