如何使用JavaScript进行视频注释？

Question

我的问题是如何使用youtube做视频注释，例如youtube，但在带有我自己的视频的html文件中。注释就像链接一样，也只能是文本。并且可以将注释放在视频中的任何位置。谢谢

Answer 1

我相信您可能正在寻找此库：https : //github.com/contently/videojs-annotation-comments

在github页面上，用法可能会提示您如何使用它：

plugin.fire('newAnnotation', {
   id: 1,
   range: { start: 20, end: null },
   shape: { // NOTE - x/y vals are % based (Floats) in video, not pixel values
       x1: null,
       x2: null,
       y1: null,
       y2: null
   }
   commentStr: "This is my comment." // THIS DATA YOU NEED TO FILL
});

此外，对于YouTube这样的注释，您可以使用https://github.com/brightcove/videojs-overlay