如何实现将视频每一帧渲染成纹理？

hu110 2008-10-15 09:08:39

如题！谢谢

...全文

167 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

hu110 2008-10-16

打赏
举报

回复

谢谢，虽然您的回答不是我提的问题，但那篇文章对于我的知识梳理很有作用！

引力场变动源 2008-10-15

打赏
举报

回复

参考资料：http://dev.gameres.com/Program/Visual/3D/D3DVMR9.mht

一般情况下我看网页上的视频能不能作为3D模型的纹理，就会在canvas上先看一下能不能把视频中的每一帧给取出来。下面这段代码的是将一个网页上的视频（标签）画个一个canvas的HTML5的代码。 Android video play body {margin:0; overflow:hidden;} /* use the complete page */

这就是渲染器纹理发挥作用的地方。接着，我们可以将该纹理应用到游戏对象的材质上，或者在UI元素中显示该纹理，从而实现视频的播放效果。然而，直接将视频渲染到屏幕上可能无法满足我们的需求，因为我们可能希望在游戏场景中的特定位置播放视频，或者将视频内容应用到游戏对象的表面上。然后我们找到视频播放组件,将需要播放的视频赋值,可以看到视频播放组件的Renderer就是我们新建的Plane,然后点击运行就可以看到视频播放了（此时的模式是材质覆盖）,当然我们也可以调整这个平面的缩放在调整正在播放视频的尺寸。

代码效果做了一个OSG离屏渲染，即将OSG渲染结果的图片纹理提取出来，提取到OpenCV并转化为Mat类型来显示，便于后续操作，还是比较有价值的工作。其中模型是动态的模型。 OSG 离屏渲染上面这个视频中（b站链接在这里），左边是调用viewer.frame()进行渲染时自动显示的图像，是反的，这个无所谓了，不是我们要用的东西；右边是我将纹理提取到OpenCV的Mat中然后用imsh

前情回顾上一篇我们大致了解了Threejs中的纹理加载器(TextureLoader)的大致使用方法，纹理最基础的用法就是在材质上贴图，将图片通过THREE.TextureLoader加载，然后设置为材质的map属性。视频作为Three.js纹理贴图(VideoTexture)视频本质上就是一帧帧图片流构成，把视频作为Threejs模型的纹理贴图使用，就是从视频中提取一帧一帧的图片作为模...

视频作为Three.js纹理贴图(VideoTexture) 视频本质上就是一帧帧图片流构成，把视频作为Threejs模型的纹理贴图使用，就是从视频中提取一帧一帧的图片作为模型的纹理贴图，然后不停的更新的纹理贴图就可以产生视频播放的效果。下面是一段视频作为纹理贴图的代码，完整代码和视频资源可以查看本站发布的Threejs视频教程8.5节 // 创建video对象 let video = doc...

图形处理/算法

19,464

社区成员

50,678

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章