vimeo 上的 REST Api 调用 - 获取视频播放秒数

Question

我在我的 Angular 项目中使用 vimeo/player API 我通过安装它

npm i @vimeo/player.

这是用于私下播放视频（仅在我的网站中），我将 url 嵌入到 iframe 中，它可以正常播放。 我已经编写了用于从播放器及其工作中触发事件（暂停和结束）的代码。

我想做的是在事件（暂停）发生函数中放置一个 API 调用，以让视频播放秒数并存储在数据库中。一旦用户暂停视频并关闭浏览器，一段时间后用户再次进入网站，视频将从用户上次暂停的位置开始播放（获取保存在 db 中的持续时间并在该持续时间之后继续播放）（如 youtube）。

import Player from '@vimeo/player';

export class CoursesComponent implements OnInit, AfterViewInit {

@ViewChildren('vidPlayer') vidPlayer;

ngAfterViewInit() {

let player

console.log(this.vidPlayer.length);

player = new Player(this.vidPlayer.first.nativeElement);

player.on('pause', function (paused) {

     console.log('pause', paused);
     //--paused.seconds, the no. of seconds played
     let duration = { duration: paused.seconds, status: false };
     //--the datas are static 
    this.courseService.updateLastPlayed('coursename', 'sec3', 'ch9', duration).subscribe((result) => {     
    console.log("LastPlayed chapter updated");
    }, (err) => {
      console.log(err);
    });
  });

}}

Answer 1

我在我的 ReactJS 项目中使用 React Player。
这第三个库支持 onProgress 回调，它返回 playedSeconds