How to create a video sprite in v8 #9912
-
|
I try this code but failed <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script src="https://unpkg.com/pixi.js@8.0.0-beta.11/dist/pixi.min.js"></script>
<script>
(async () => {
const app = new PIXI.Application();
await app.init();
document.body.appendChild(app.canvas);
const texture = await PIXI.Assets.load(
"https://pixijs.com/assets/video.mp4"
);
const videoSprite = PIXI.Sprite.from(texture);
app.stage.addChild(videoSprite);
})();
</script>
</body>
</html>Error: Uncaught DOMException: Failed to execute 'copyExternalImageToTexture' on 'GPUQueue': Failed to import texture from video element that doesn't have back resource. 
|
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 2 replies
-
|
hey @Andiedie can you try this with the latest release? |
Beta Was this translation helpful? Give feedback.
-
|
I tried it on By the way, will v8 version support working on node.js? |
Beta Was this translation helpful? Give feedback.
-
|
the node repo will need to be updated to support the latest API changes, but fundamentally the webgl renderer should still work. we will be updating all the ecosystem repos probably after v8's final release but if anyone wants to update the repo for us it should be a relatively straightforward task! |
Beta Was this translation helpful? Give feedback.
hey @Andiedie can you try this with the latest release?
8.0.0-rcI believe we fixed a couple of issues with video textures recently