- This topic has 24 replies, 11 voices, and was last updated 3 years, 7 months ago by
.
-
1.create a new app
2.copy the code to .html<video id=“video” autoplay=“autoplay” loop=“loop” width=“300” height=“150”> <source src=“sintel.mp4” type=“video/mp4; codecs="avc1.42E01E, mp4a.40.2"” /> <source src=“sintel.ogv” type=“video/ogg; codecs="theora, vorbis"” /> <video>3.copy the code to .js file
function runCode(app) { // 复制下面的代码到runCode下面 var screen, video, texture, material video =document.getElementById(“video”); screen = app.scene.getObjectByName(“screen”); texture = new v3d.VideoTexture(video); texture.minFilter = v3d.LinearFilter; texture.format = v3d.RGBFormat; material = new v3d.MeshBasicMaterial({map : texture}); screen.material = material; app.animate(); }4.result.
sorry my poor English.
Hi zjbcool,
I’ve already read your page (https://zjbcool.com/video-texture.html), but ( I’m not programmer
) I don’t understand How to replace material to video . Have you an easy demo ?
Best
EmmaHi,
I’ve create new project named “video”, in Blender 2.79, I’ve video.blend where there’s only a plane called screen and other parameters called always screen (see attachments).
In body of file video.html I wrote<video id=“video” autoplay=“autoplay” loop=“loop” width=“300” height=“150”> <source src=“sintel.mp4” type=“video/mp4; codecs="avc1.42E01E, mp4a.40.2"” /> <source src=“sintel.ogv” type=“video/ogg; codecs="theora, vorbis"” /> <video>and in file video.js I wrote
function runCode(app) { // 复制下面的代码到runCode下面 var screen, video, texture, material video =document.getElementById(“video”); screen = app.scene.getObjectByName(“screen”); texture = new v3d.VideoTexture(video); texture.minFilter = v3d.LinearFilter; texture.format = v3d.RGBFormat; material = new v3d.MeshBasicMaterial({map : texture}); screen.material = material; app.animate(); }but at the end I’ve only white page
.I don’t know where I’m wrong
Emma
Glad to hear that!
- You must be logged in to reply to this topic.