首页 > 解决方案 > 如果在暂停角后满足条件,则播放视频

问题描述

我正在尝试创建一个多机位视频流,它看起来像这样

在此处输入图像描述

下面有一个自定义控件,我想替换默认视频控件,因为我没有得到我想要的。我已经成功地管理了自定义进度条上的时间和搜索功能,但是由于用户尝试搜索后视频不同步,所以我先暂停所有视频,然后currentTime像这样更改每个视频。

  updateTime(e) {
    this.plyr.toArray().forEach((plyr) => plyr.player.pause());
    let userTimeSeek = (e.target.value * 100) / 186;
    if (userTimeSeek > this.buffered) {
      console.log("Click twice");
    }
    this.plyr.toArray().forEach((plyr) => {
      plyr.player.currentTime = parseFloat(e.target.value);
      this.time = e.target.value;
      this.remaining = this.parse(
        plyr.player.duration - plyr.player.currentTime
      );
    });
    if (
      this.plyr.toArray()[0].player.currentTime ===
        this.plyr.toArray()[2].player.currentTime &&
      this.plyr.toArray()[1].player.currentTime ===
        this.plyr.toArray()[2].player.currentTime
    ) {
      //PLAY
    }
  }

//PLAY我想在这里调用播放功能,如果我添加播放功能它会给我错误 在此处输入图像描述

这意味着什么?

标签: javascriptangular

解决方案


推荐阅读