图解Editor插件嵌入电视机视频

很多人都尝试在场景中的电视机里嵌入视频,这样的话会使得场景的真实感大大提升。为了实现这个效果,我们首先需要一个视频以及对应视频尺寸的截图。

Editor插件官方说明文档

图解Editor插件添加镜头眩光

图解Editor插件添加多边形热点

插件、视频、截图的准备

首先要准备视频,视频格式为mp4,在这里我们直接把官方案例中的cats-short.mp4以及cats-short.webm直接拷贝到我们的项目文件夹,另外把截图文件cats-short-poster.jpg也拷贝到里面去。这里图片的尺寸大小与视频的尺寸大小是一致的。同为320*240。在官方安装包里有一个plugins文件夹,你可以把整个文件夹复制到项目根目录下,也可以只复制editor.swf、videoplayer.swf、videoplayer.js这几个文件夹到plugins文件夹中。

 

插入editor代码

打开tour.xml,在空白处插入editor插件的代码。

 

调整截图在3D空间的位置

在浏览器中打开tour.html,点击下方editor按钮。

以下隐藏内容只提供VIP赞助会员,VIP会员说明请查看置顶文章

在 “图解Editor插件嵌入电视机视频” 上有 1 条评论

发表评论