Live streaming video as a texture

[Raghavender Mylagary]

Hi  @Deltakosh @Wingnut @JCPalmer,

     Is there any way we can show youtube or any live stream video as a texture?  http://www.babylonjs-playground.com/#140LZL#9

    Is it possible to draw iframe on to the canvas element of the dynamic texture or is it possible to use the video element of video texture to render the livestream?

 

Thanks

-Raghavender Mylagary

 

[Wingnut]

Hi RM.  No replies yet, huh?  Sorry.  I have not seen this done, yet.  I will try to research more.

http://learningthreejs.com/blog/2012/02/07/live-video-in-webgl/

Apparently it is possible... with big crowbars. 

[GameMonetize]

We support webCam:

BABYLON.VideoTexture.CreateFromWebCam(scene, function(videoTexture) { }, { maxWidth: 256, maxHeight: 256 });

For live stream this should work directly if you use the right url for VideoTexture:

texture = new BABYLON.VideoTexture("video",
["Scenes/Flat2009/babylonjs.mp4", "Scenes/Flat2009/babylonjs.webm"], scene, true);

 

[Raghavender Mylagary]

@Deltakosh For live streaming of YouTube videos, if we use url of the video as source for VideoTexture it's not working. YouTube videos works in iFrame. Is there a way we can do that?

 

[GameMonetize]

nope unfortunately. We need a video element attached to the page

[Raghavender Mylagary]

On 3/31/2017 at 6:31 PM, Deltakosh said:

We support webCam:

BABYLON.VideoTexture.CreateFromWebCam(scene, function(videoTexture) { }, { maxWidth: 256, maxHeight: 256 });

For live stream this should work directly if you use the right url for VideoTexture:

texture = new BABYLON.VideoTexture("video",
["Scenes/Flat2009/babylonjs.mp4", "Scenes/Flat2009/babylonjs.webm"], scene, true);

 

 

 

@Deltakosh I tried to set correct url for VideoTexture but its not working http://www.babylonjs-playground.com/#1P9EED#0

[GameMonetize]

Check the console

[Raghavender Mylagary]

@Deltakosh If I load the URL http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm in a new browser the stream is working. Is there any way to overcome permission denied error?

[GameMonetize]

It is a design done on server side (CORS probably: edit your server settings to allow anonymous access to this video)

[GameMonetize]

For the permission denied, just try using https for the playground: https://www.babylonjs-playground.com/#1P9EED#0