web

I’ve already placed the v3d-container inside of a div with the correct aspect.
But the camera itself isnt placed as it should be

I tend to navigate very much via the latest activity tab, but still find it quite annoying. So it would be great if you could consider an option.

Pushing this issue again.

I’ve made some progress and it seems that its is related to the connection speed. I managed to simulate this with the chrome developer console and limit the network speed to simulate a mobile connection.

The browser seems to load only a few bytes of the webGL videos and then stops when I’m loading the scene. He then loads further when I start the video, but because it wasnt “fully” loaded in the first place I get a black screen and webGL errors.

So does someone know how I could overcome that behaviour and tell the browser to load the video fully in the background? Maybe when I activate the autoplay feature for the loadvideo puzzle?

Would it be possible to implement something like canplay or canplaythrough into the puzzle logic?

I wondering a bit, that no one else got any issues with the video puzzles.

I will have a look.

But I have to say that I dont think that this will change anything. The page i’m working on already has a “normal” html video and a webGL video. On android and desktop devices both videos play normally. On iOS the “normal” video is also playing normally, but the webGL doesnt play in an instant, but with a 4-8 second delay

I’m creating/loading the videos on runtime via the loadVideo puzzle. And only after a click the video texture is applied to the object.

And when I’m not mistaken your loadVideo puzzle is creating a video tag and putting it hidden into the v3d canvas. So I dont know which would be different if I create the video tags per hand manually an then load the video into the webgl model?

I don’t really think that its the size of the videos on iOS. Because even with a wifi connection and we talking about 3-4mb videos. There shouldnt be a delay of lets say 4 seconds.

Is there a way to apply assign the video material only when verge/browser is sure that it can be played?

Hah funny. This is your forum which is altering the code.

See attached picture:

Just to describe the problem a little bit more.
I think this is a webGL ios problem with the videos. When I’m creating the material manually, I get the same issue. On iOS the material is just black and after a while its getting displayed:

var texture = new v3d.VideoTexture(videoV3D);
                texture.flipY = false;
                var colorBase = new v3d.Color('#FFF');
                
                var object = getObjectByName('Screen');
                    if (object)
                        object.material = new v3d.MeshStandardMaterial({
                            color: colorBase,
                            emissive: colorBase,
                            emissiveMap: texture
                    });

On desktop devices or android mobile, video starts right from the beginning. And everything is display as expected.

Hey Ivan,
can you tell me when this fixed version will be released? Would be really handy for my current project if I could replace video textures on runtime, without duplicating materials.

Will this be a fix in the v3d.js or is it purely puzzle based issue?