Video 如何在不同的时间点向视频添加多个注释/标记?

Video 如何在不同的时间点向视频添加多个注释/标记?,video,html5-video,video-processing,video-capture,tagging,Video,Html5 Video,Video Processing,Video Capture,Tagging,在我的网站上,我希望用户在不同的时间点上传视频并在播放期间添加多个注释。我在YouTube上看到过这个功能,用户可以跳到视频中的某个时间点。就像一个视频索引 这可以通过JavaScript或任何其他机制实现吗?我试着在网上搜索“视频标签”、“视频标签”、“视频注释”,但找不到从哪里开始的有用方向 感谢您提供有关如何完成此任务的指导或想法。您可以使用HTML5MediaElement的currentTime属性查找视频中的特定时间: 您还可以使用它获取当前时间,以便执行以下操作: 在视频控

在我的网站上,我希望用户在不同的时间点上传视频并在播放期间添加多个注释。我在YouTube上看到过这个功能,用户可以跳到视频中的某个时间点。就像一个视频索引

这可以通过JavaScript或任何其他机制实现吗?我试着在网上搜索“视频标签”、“视频标签”、“视频注释”,但找不到从哪里开始的有用方向


感谢您提供有关如何完成此任务的指导或想法。

您可以使用HTML5MediaElement的currentTime属性查找视频中的特定时间:

您还可以使用它获取当前时间,以便执行以下操作:

  • 在视频控件中添加“暂停和注释按钮”
  • 暂停视频,获取当前时间,并允许用户在按下按钮时输入备注
  • 储存便条和时间
  • 当为其他人播放视频时,包括注释列表,以及当用户选择一个时,直接搜索视频中的时间点
下面的代码段显示了使用按钮和currentTime属性跳转到视频中的不同位置:

var vid1=document.getElementById(“MyVid1”);
var btn1=document.getElementById(“MyBtn1”);
var btn2=document.getElementById(“MyBtn2”);
vid1.onloadeddata=函数(){
视频1.暂停()
vid1.currentTime=110;
视频1.播放()
};
btn1.addEventListener(“单击”,函数(){
视频1.暂停()
vid1.currentTime=210;
视频1.播放()
});
btn2.addEventListener(“单击”,函数(){
视频1.暂停()
vid1.currentTime=110;
视频1.播放()
});

您的浏览器不支持此视频格式
跳到210
跳转到110