Javascript Pixi.js:如何检测电影结束(对结束事件的回调?)

Javascript Pixi.js:如何检测电影结束(对结束事件的回调?),javascript,events,video,callback,pixi.js,Javascript,Events,Video,Callback,Pixi.js,我有一个项目,我需要在浏览器中切换全高清视频。我意识到我的macbooks粉丝过了一段时间就开始发狂了。我的假设是视频负载对于我的浏览器来说有点太重了,所以我决定试一试——希望我的GPU能够处理视频,因为我在webgl环境中。如果这是错误的,我们可以在这里中止 无论如何,我的问题是: 我加载了一个电影文件作为纹理,我需要切换回另一部电影,只要这部电影已经结束 我试图找到一些文档,但到目前为止还没有找到任何回调事件。没有吗?我是否必须手动添加视频的总时间,然后对照 videoTexture.bas

我有一个项目,我需要在浏览器中切换全高清视频。我意识到我的macbooks粉丝过了一段时间就开始发狂了。我的假设是视频负载对于我的浏览器来说有点太重了,所以我决定试一试——希望我的GPU能够处理视频,因为我在webgl环境中。如果这是错误的,我们可以在这里中止

无论如何,我的问题是: 我加载了一个电影文件作为纹理,我需要切换回另一部电影,只要这部电影已经结束

我试图找到一些文档,但到目前为止还没有找到任何回调事件。没有吗?我是否必须手动添加视频的总时间,然后对照
videoTexture.baseTexture.source.currentTime

到目前为止,我正在这样的视频之间切换:

我有两种不同的视频纹理和精灵:

const videoTexture1 = new PIXI.Texture.from('video1.mp4');
const videoSprite1 = new PIXI.Sprite(videoTexture1);
videoSprite1.loop = true;
app.stage.addChild(videoSprite1);

const videoTexture2 = new PIXI.Texture.from('video2.mp4');
const videoSprite2 = new PIXI.Sprite(videoTexture2);
videoSprite2.visible = false;
app.stage.addChild(videoSprite2);
然后我会:

playAndShow(videoTexture2, videoSprite2);
stopAndHide(videoTexture1, videoSprite1);

function playAndShow(texture, sprite) {
  sprite.visible = true;
  texture.baseTexture.source.currentTime = 0;
  texture.baseTexture.source.play();
}

function stopAndHide(texture, sprite) {
  texture.baseTexture.source.currentTime = 0;
  texture.baseTexture.source.pause();
  sprite.visible = false;
}
但正如我所说,我现在需要检测我的video2何时结束并切换回video1

提前感谢您对此事的帮助。 干杯

美塞苔丝公司参见:

似乎
videoSprite.texture.baseTexture.source是或更具体地说是

您可以使用:

或中描述的其他事件/属性等

    const texture = PIXI.Texture.from('data2/Video/intro/vidA1.webm');
    const videoSprite = new PIXI.Sprite( texture );
    /**@type {HTMLVideoElement}*/
    const videoControler = videoSprite.texture.baseTexture.source;