Search the Community

Hi, Is there any way we can add Youtube video as a source for the Video Textures. Thanks, Raghavender Mylagary

Hi Is it possible to make videoTexture with rtsp stream on it or shader that can show rtsp stream?

Hi guys, see attached screenshot. You'll notice the video has a blue tint which should not be there.This tint only appears on iOS when using VRDeviceOrientationFreeCamera, although it used to also appear in DeviceOrientationCamera, but adding an empty LensRenderingPipeline seemed to fix the issue. I've already tried what @Nabroski mentions here on page 2: I've been battling this issue for a while now and was wondering if anyone could help?

Hello, is there a way to advance a VideoTexture by just 1 frame per RenderLoop? As I understand it now it is time based. This creates the problem that if the frames need to be captured to create an animated sequence, the video keeps advancing in between 2 captured frames.

Is there a way to pass a video texture to a shader using a similar way as the one used to pass an image texture? shaderMaterial.setTexture("textureSampler", new BABYLON.Texture(imgTexture, scene)); i'm wondering if there are more ways to use video textures in babylon, i have seen that i can set a BABYLON.VideoTexture as a diffuseTexture of a material, but that seems limiting. What if i want to manipulate an object which has a material with a video texture, in the vertex + fragment shaders?

Hi, I want to display my webcam content on my scene. In order to do this, I tried to create a layer set in background on which I apply a video texture. I passed a video DOM element to this texture. This video has a stream for source that is obtained from the getUserMedia promise. It works but rapidly the FPS drop and I don't know why. Maybe the size of the video is too large, maybe I provided the wrong parameters to the texture. I don't have any idea but it causes an issue. Here is a PG for testing : https://www.babylonjs-playground.com/#FF3BPV Thanks,

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

Hi, Is there any way where we can set live streaming video as a Video Texture? Thanks, Raghavender Mylagary

Hi, I am searching for an example where we can set the video from the webcam as the source for the VideoTexture. Thanks, Raghavender Mylagary

Hi! In my Babylon scene I have a room with a plane, representing a screen. My idea is to display a video on this screen when it's clicked and turn it of if it's clicked again. Code: var screen1 = scene.getMeshByName("Lerret");activateVideoTexture(screen1);function activateVideoTexture(mesh){ mesh.actionManager = new BABYLON.ActionManager(scene); var action = new BABYLON.ExecuteCodeAction(BABYLON.ActionManager.OnPickTrigger, function(){ mesh.material.diffuseTexture=new BABYLON.VideoTexture("video", ["01_Tumor-Glioblastoma.mp4"], 640, scene, true); mesh.material.emissiveColor = new BABYLON.Color3(1,1,1); }); var action2 = new BABYLON.ExecuteCodeAction(BABYLON.ActionManager.OnPickTrigger, function(){ mesh.material.diffuseTexture.dispose(); mesh.material = new BABYLON.StandardMaterial("texture1", scene); }); mesh.actionManager.registerAction(action).then(action2);}I've got to major problems: 1: When the VideoTexture is activated/applied the screen only show the very top left corner of the video (i think). The screen is all brown, which is the color in the top left corner in the video. It seems like the plane just projects the color of the top-left pixel in the video I also get this warning in the console "[.WebGLRenderingContext-05B3F9D8]RENDER WARNING: there is no texture bound to the unit 1" So how do I make the video fit/stretch to the size of the plane it is applied to? I've set the size parameter to 640, which is the pixel width of the video. Don't know if it is this "size" is refering to. 2: When you click the second time I want the videoTexture to disappear, which actually works as it is now, except that the sound continues. How can I handle this?

I'm trying to play video inside of sphere, using VideoTexture and have issue. Video is inverted and I can't understand how to invert it to normal state.

Very close to getting a mpeg-dash streaming texture to work. I had to create a streamingVideoTexture object to look for a videoelement rather than pick a url because of the createUrlObject method. The one portion I'm having issues with -- I was able to get this to work correctly in vanilla webGL but for whatever reason babylon doesn't seem to like my settings. In vanilla JS my video texture settings should be something like this: // gl.NEAREST is also allowed, instead of gl.LINEAR, as neither mipmap. gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR); // Prevents s-coordinate wrapping (repeating). gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); // Prevents t-coordinate wrapping (repeating). gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); However, it seems babylon is forcing some other mode -- Any thoughts? Thanks! -P

Hi everyone: I want to know how to add a delay to the VideoTexture object to buffering. I develop a very demanding app that uses multiple videos at once. I wrote a similar app in C using gstreamer, and the performance is the same with the gain of simplicity of Bjs, but sometimes the videos stutters because the lack of buffering. This problem also it showed in the other app, but using the "delay" property of the GLVideoMixer element the problem was solved. Anyone knows how to set this? PS: All the videos are live feeds (from capture cards) in raw Planar YUV format.

This isn't a bug in Babylon but just wanted to make people aware firefox isn't taking the fast path and rendering video textures on the cpu. I can't submit a bug till tomorrow. But, if anyone mentions this it's not a babylon issue.

Hello, I made the move to babylon-master version 2.4 last night, and found that all of my videoTextures would not play back correctly. And by correctly, this means that there was no video images playing, only what appeared to be odd decompression artifacts. I don't have time to build a playground scene today, but if this isn't obvious to anyone else, I can certainly build a PG scene tomorrow to demonstrate. Although I'm certain you'll see the problem, as I tested with 3 different video formats, resolutions, and scaling values. DB

Hello, In using various file formats for a videoTexture, I have an .mp4 file at 3896 KB, an .ogv file at 4421 KB, and a .webm file at 4421 KB. On my PC, they all load and play within 1 second, but on my Android devices, the .mp4 file causes my mesh object (a plane) approximately 15 -30 seconds to display a black surface as if it could not find the texture, and when I press my play button (a simple GUI element which initiates the play() function, it takes another approximately 15 or more seconds to begin playing the .mp4 video file. However, when the source is an .ogv or a .webm file both at a smaller file size, they load in approximately 1 second and play in approximately 1 second after pressing my play button. I have tried practically every setting available to format the .mp4 video file to improve performance on Android devices, however, nothing has improved the performance. Any thoughts on such poor performance of .mp4 files on Android would be appriciated - as well as to identify the Android OS and avoid loading .mp4 files on Android - but continue to load .mp4 on PC and MAC OS for improved quality for file size. Also, I've tried every possible way to stop autoplay of a videoTexture on Windows, but nothing appears to work. I thought that Wingnut had posted a playground scene which paused autoplay on PC, although I can only find a couple that chnge playback speed and pause on a pointerUp scene event. However, what I'd truly like to be able to do is pause every device at frame 0 or frame 1 (in .ms of course) using some functio utilizing (htmlVideo.currentTime). As always, thank you for your help with any of these questions. Cheers, DB

Hi, Is this possible to use video stream in videotexture? I'm trying to use video stream as video texture but object with this material doesn't display in the browser at all. This is how I'm creating the texture: var videoTexture = new BABYLON.VideoTexture("video", ["http://localhost:8090/test.webm"], scene, false, false); I can display the stream itself in browser without any problem and console says browser has loaded the file with OK status. If I use video file from disk instead of stream url it displays fine.

Hello, This post is not a question, but is information that I would have found invaluable prior to my having problems playing video on mobile devices - practically all mobile devices. I wanted to create a seperate post for everyone to read, as the post where this dialogue has taken place is labled "console errors." I have been working on an app which relies heavily on playing video files and specifically video textures. I found that almost 2 months ago, I had no problem playing video files and the associated audio on desktops and laptops no problem; but I could not get my video files to playback on most all mobile devices - both Android and Apple phones and tablets. Although at the time, I wasn't focused on inding a solution, as I had other features to build into the application to finish it, and believed that solving video playback on mobile devices wouldn't be much of a problem. So over the past 2 months I spent time each week to try and solve the fact that I couldn't get any video files to play back on my Android tablet, without finding a solution. But now that I have most all features built in the app, I needed to find a solution to be able to take the app into beta testing now as the app is designed to be a mobile app and wouldn't run on most tablets and phones - practically none. As I had used most all available applications to encode and convert video files to .webm and .ogv files for playback on mobile, I began to believe that it was either a bug in babylon.js, or a conflict in my lengthy scripts. So I worked for days trying to find the cause of the problem, and certainly went to the BJS forum where many highly experienced users attempted to help me troubleshoot and solve the video playback problem. However, neither the balon.js community or I could get any video file or format to play on most mobile devices - with the exception of audio playback on some files. So when I was completely lost a couple of days ago, I thought I would focus on analyzing the video files and formats themselves, to make certain that I could rule out video encoding and file conversion. After spending more than 2 days, I finally found that the problem had nothing to do with my scripting or with babylon.js, but that it was an encoding and file format issue. Now I have video and audio playback working on every device I and my friends are able to test, as well as every browser and OS version. Again, I wanted to post this as a new thread, since many users will most likely overlook this discovery and information, since the post where this occured says nothing about video in the title and tags. And I hope that no one else will ever need to face the problems of having no solution or available resources to solve the problem of video palyback on mobile devices. The following is the solution as a quote directly from the post where I and several other users spent considerable time and dialogue over several days with no solution we could find: I hope that this is valuable info for users now and in the future, and that no one else needs to spent any time troubleshooting video playback on any device or display. Cheers, DB

I need to add a shuffle slider to my scene to scrub through the videoTexture. I don't believe there is a property for time such as in buiding a direct HTML5 video player. If there is one such as VideoTexture.video.time() please let me know. Otherwise, my solution is to load both a forward and backward playing video and manipulate those. Lot's of work. Thanks.

Hello, could someone help me fix this bug. I have managed to reproduce with just a few lines in the playground. Flickering occurs when using a video as a reflection texture over an image diffuse texture. However no problems using a video diffuse texture and video reflection texture. The flicker rate can be altered by changing the value at line now - this._lastUpdate < 15 in the function VideoTexture.prototype.update. See http://playground.babylonjs.com/#19EHYV

Hi, as I'm looking into the video texture component at the moment, I ran into yet another problem: At first I tried to play a short and small video file so that I wouldn't have to wait too long while testing, this worked flawless: looky here code here But when I tried the same thing with a huge file (24,6MB) that I had downloaded from youtube for testing (so it was loading fine on youtube, why wouldn't it load for the texture, right?) it would start loading it, then stop without any output, when I re-sized the file to a smaller image size and less quality (17,1MB) the file would still not show, but for some weird reason the audio now gets played in super fast forward: looky here code here (although nothing changed in code except for the video url) So I tried to make the video component preload, tried to make it load manually, I got output while its loading and tried to get output when it would be ready to play, although that never triggered... Since I am clueless as for how to solve this, I hope someone here could help me out (again ) Thanks for any hint or help in advance! - Dinkelborg

Hi, I'm working on a little side project where I want to switch between two videos with a slider, now while there might be complex shader ways of doing this I was thinking: What if I had a hundred little planes which would build a mesh, on which video 1 was projected and another hundred little planes on which video 2 would be visible and I would just place them in front of each other and fade the planes to the left of my slider out... So my question would be: Is it possible to display a video on a hundred little planes? What I'm looking for is pretty much EXACTLY this: http://threejs.org/examples/#webgl_materials_video

Does video VideoTexture not exist in Phaser? I see it in PIXI but when I try to call it all I get is VideoTexture is not defined. I submitted a post over 14 hours ago and it still hasn't made it onto the forums yet and it contains substantially more data than what I am typing now. I see the VideoTexture class located here: http://docs.phaser.io/PIXI.VideoTexture.html#toc0 but how does one call it/use it within Phaser itself? Any help is appreciated.