Raghavender Mylagary Posted December 23, 2016 Share Posted December 23, 2016 Hi, Is there any way we can add Youtube video as a source for the Video Textures. Thanks, Raghavender Mylagary Quote Link to comment Share on other sites More sharing options...
aWeirdo Posted December 23, 2016 Share Posted December 23, 2016 Hi @Raghavender Mylagary Youtube video source's are not publicly available. There's a good reason for this, which is that these videos are made by people or companies who hold the copyright's to them, they are released to be available on youtube, and youtube only. Nikola Lukic 1 Quote Link to comment Share on other sites More sharing options...
Wingnut Posted December 24, 2016 Share Posted December 24, 2016 http://dontglobalmebro.ruhoh.com/webgl/displaying-youtube-video-in-webgl/ Copyrights? pffft. Can't own things made of/from Earth materials. Original owners/creators never placed Earth materials up-for-sale, nor were any original entitles of ownership ever transferred to others. Only original owners/creators of Earth materials... can own things made-from, or made-with... Earth materials. For Sale signs, No Trespassing signs, and titles of ownership... did not exist when mankind first arrived. Mankind illegally invented them. Only humans honor such things and money. No other living Earth creatures use these ridiculous tug-o-warring tools. Nobody is "buying" that, eh? All in all, it looks like playing a youtube in a webGL scene... is like trying to put toothpaste back into the (you)tube. That's one helluva name, @Raghavender Mylagary. Is it okay if we nickname you "Rag" or Rags"? Nikola Lukic and Raghavender Mylagary 1 1 Quote Link to comment Share on other sites More sharing options...
Noyogi Posted December 24, 2016 Share Posted December 24, 2016 cut open the end and re-seal it Wingnut 1 Quote Link to comment Share on other sites More sharing options...
Raghavender Mylagary Posted December 24, 2016 Author Share Posted December 24, 2016 @Wingnut thanks for the reply. "Rag" will be okay for me Wingnut 1 Quote Link to comment Share on other sites More sharing options...
pichou Posted May 7, 2018 Share Posted May 7, 2018 Still no way to do that? I saw threejs can handle youtube video : https://threejs.org/examples/#css3d_youtube Do not misunderstand me, I am not saying threejs is better than babylonjs, I am saying if threejs can do that, it sure has to be a way to do it in babylonjs? Cheerz, Pichou Quote Link to comment Share on other sites More sharing options...
aWeirdo Posted May 7, 2018 Share Posted May 7, 2018 While i won't support the quest to display the source of youtube videos (by-passing youtube Ad systems, etc), Displaying the embedded youtube player like three.js has done sounds plausible enough. Quote Link to comment Share on other sites More sharing options...
Pryme8 Posted May 7, 2018 Share Posted May 7, 2018 http://appcropolis.com/blog/web-technology/using-html5-canvas-to-capture-frames-from-a-video/ Then pass to a dynamic texture? Not sure how you would access their video element though. Quote Link to comment Share on other sites More sharing options...
aWeirdo Posted May 8, 2018 Share Posted May 8, 2018 Without knowing more about what the different three.js functions, etc, are doing, i'd say it doesn't actually seem to be webGL. It looks like three.js is using CSS to project DOM elements to 3D space. https://github.com/mrdoob/three.js/blob/master/examples/css3d_youtube.html https://github.com/mrdoob/three.js/blob/5196f15405ea7c8fe4b63ae5135cdac1186bdf08/examples/js/renderers/CSS3DRenderer.js https://github.com/mrdoob/three.js/blob/master/src/core/Object3D.js pichou 1 Quote Link to comment Share on other sites More sharing options...
Pryme8 Posted May 8, 2018 Share Posted May 8, 2018 Ohhh I gotcha, yeah they are using css on an html object to make it appear 3d. They are not really incorporating it into a 3d scene, and they did not really need three.js to do this. https://github.com/endlesshack/youtube-video is how you might be able to get the context to a canvas, I have not researched it yet though. Quote Link to comment Share on other sites More sharing options...
Wingnut Posted May 9, 2018 Share Posted May 9, 2018 Its the evil powers that be. (huh?) They erected a thick wall... so you can't go browsing on the computer in your 3D scene. SUCKS! Can't read the forum or play MudRunner there, either? Pffft. Hey, if you want me to hang-out in my virtual computer room, I'm gonna need some decent warez on my VR computer. We'll get around it someday... it's inevitable... because it is SUCH an in-demand thing. Really, all webpages SHOULD be able to reproduce themselves in 3D and still be operational. AND, all 3D scenes SHOULD be able to reproduce themselves in 2D/webpage, and (sort-of) still be operational. (I'm hearing a lot of "Get real, Wingnut" thought waves, here.) heh. But really, an OBJECT should be able to render itself, or have a proxy object render it... in html, webGL, SVG, XML, JSON, or AmigaGuide. It starts to get into "representation". For example, we can "represent" or "cast" a mesh... as a light. Or, as a camera. Or, as a HTML table row. Each is a representation of the original object. The representation doesn';t have the same functionality as the original object. It is a "markup" of the original object... and "markup" == "rendering", yes? Sort of. Oh yeah, the wall. That's the subject here, isn't it? It's a security thing. Not sure what happened that caused its necessity, but, it's a hell of a wall. I bang into it when playing around with new Image() and context2d stuff. Pretty difficult to drill thru it. My browser starts bitchin' like hell... "operation insecure", "unpasturized Coors", blah blah. Aside: aWeirdo, don't ya think we should be PAID to watch ads? Ah, nevermind. The 'ads' topic is a big one and probably requires a thread of its own, someplace else. pichou 1 Quote Link to comment Share on other sites More sharing options...
aWeirdo Posted May 9, 2018 Share Posted May 9, 2018 @Wingnut Regarding Ads, I guess that would be nice.. but you'd then have to pay to access everything else on the internet ? Imagine every website you visit being behind it's own paywall ? On-topic; It looks like they are creating a dummy-object (TransformNode) with position, rotation, etc, which is then translated to CSS on the html element & i imagine if its behind an object or out of camera view they make the html element invisible. I'm not sure how we would render smaller objects in-front on the video.. It'll never be true 3D without a videoTexture setup, which brings us back to the whole deal about avoiding youtube systems and accessing video sources, which is a legal &/ ethical issue. If you own(or have the rights to use) the video you want to display(which you should), you should also already have access to a source, so why use youtube? I think that is what i have to add to the whole youtube video subject. pichou and Wingnut 2 Quote Link to comment Share on other sites More sharing options...
Guest Posted May 10, 2018 Share Posted May 10, 2018 Three.js is not doing that when using WebGL but when using their CSS pseudo 3d rendering Quote Link to comment Share on other sites More sharing options...
Nikola Lukic Posted August 1, 2020 Share Posted August 1, 2020 (edited) You are right but @aWeirdo is also right. YouTube.com disalow using there server resources for cross-domain action. https://github.com/zlatnaspirala/vue-typescript-starter I'am looking for collaborants also any kind of support.This is yuotube alternative player site. - Vue / class based components - Typescript - Youtube API - Three.js - Opencvjs - NUI control with hands in the air and webcam I make project on this subject. I use this => https://www.npmjs.com/package/youtube-dl VuleTube [DEV] online : https://maximumroulette.com:3000/ Source : https://github.com/zlatnaspirala/vue-typescript-starter/tree/master/vue-ts-starter Edited October 8, 2020 by Nikola Lukic improved Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.