记住视频播放最后位置Jquery ajax PHP

由 He猪发布于 2020-05-24 00:44:10

嗨大家好，有没有Php / Javascript / Ajax代码可以将视频的最后位置自动存储到数据库中（如Youtube），或者代码可以每隔一分钟存储一次视频时间，而访问者可以从该时间恢复视频，请告诉我是否有任何代码我不想为此使用任何插件，我正在学习php，javascript，ajax，因此请告诉我基本级别的代码

Seven

2020-05-24 00:44:10

这是一个示例，您如何定期存储视频时间。

const video = document.querySelector("video");
const videoId = video.src;
let intervalHandle = null;


video.addEventListener("play", (event) => {
  intervalHandle = setInterval(() => {
    savePosition(videoId, video.currentTime);
  }, 5000)
})

video.addEventListener("pause", (event) => {
  clearInterval(intervalHandle);
})

const getPosition = (videoId) => {
  // fetch(url) ...
  const defaultPosition = {
    videoId,
    position: 0
  }

  try {
    return localStorage.getItem("position") || defaultPosition;
  } catch (error) {

  }

  return defaultPosition;
}

const savePosition = (videoId, position) => {
  // fetch(url, {method: 'POST', body: {videoId, position}}) ...
  try {
    localStorage.setItem("position", JSON.stringify({
      videoId,
      position
    }));
  } catch (error) {}
}

const result = getPosition(videoId);

video.currentTime = result.position;

<video id="video" width="320" height="240" controls>

 <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>

He猪

这家伙很懒，什么都没留下

积分
0
话题
0
评论
3222
注册排名
2452