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