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