javascript - 如果在暂停角后满足条件,则播放视频
问题描述
我正在尝试创建一个多机位视频流,它看起来像这样
下面有一个自定义控件,我想替换默认视频控件,因为我没有得到我想要的。我已经成功地管理了自定义进度条上的时间和搜索功能,但是由于用户尝试搜索后视频不同步,所以我先暂停所有视频,然后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
我想在这里调用播放功能,如果我添加播放功能它会给我错误
这意味着什么?
解决方案
推荐阅读
- python - 如何从电子表格中的特定单元格调用 Python 脚本
- php - 从回复电子邮件中使用 SwiftMessage 在 Laravel 中接收自定义标头
- android - 由于“多个 dex 文件定义 Lcom/google/common/util/concurrent/ListenableFuture”,应用程序无法在设备上运行
- machine-learning - SVC 分类器花费太多时间进行训练
- angular-material - How to set a specific tab always active in Material tab group while opening Bootstrap Modal multiple times?
- javascript - how can I change the value of the completedcount in second array to 230?
- reactjs - mapStateToProps 返回一个空对象
- amazon-web-services - 如何解决有限的实例间通信?
- php - 507 ajax 存储空间不足
- jquery - 我如何使用签名签名上传到 cloudinary