很多人都尝试在场景中的电视机里嵌入视频,这样的话会使得场景的真实感大大提升。为了实现这个效果,我们首先需要一个视频以及对应视频尺寸的截图。
插件、视频、截图的准备
首先要准备视频,视频格式为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插件的代码。
1 |
<plugin name="editor" url="plugins/editor.swf" keep="true" /> |
调整截图在3D空间的位置
在浏览器中打开tour.html,点击下方editor按钮。
以下隐藏内容只提供VIP赞助会员,VIP会员说明请查看置顶文章
在 “图解Editor插件嵌入电视机视频” 上有 1 条评论