零基础入门 12： 移动端播放视频功能实现

前两篇分享了Unity编辑器模式下Image的使用以及通过脚本控制和创建Image，今天来分享一篇Image的另外一个延伸用法。

通过一个Image来实现移动端的视频播放功能。

进入正题

Unity有播放视频的功能，MovieTexture，但是在移动端使用起来就GG了，如果不是移动端的话，用Unity的MovieTexture还是可以的。

但是身为移动端为主平台的我，用什么方法来实现视频播放的功能呢？

这里引入一个插件，Mobile Movie Texture。

因为这个插件百度一堆，所以我就不分享网盘链接了。

下面我们先创建一个空项目，然后把这个插件导入进去。

说下如何导入插件。首先如果你有现成的UnityPackage文件，如下。

那就直接把他拖到项目的Project窗口里即可。

如果你是通过AssetStore导入的项目，直接在AssetStore窗口点击导入即可了。

现在我们把这个插件导入到空项目里。点击右下角的Import即可。

下图为导入插件后的Project视图

因为这个插件我自己修改了一些东西，所以有First这种场景对象存在。默认导入是没有的。

然后我们打开插件文件夹下的示例场景。

双击后，运行查看效果。

上面就是插件的示例场景。可以看到，Hierarchy窗口里有很多对象。看起来也略复杂。

现在我们不管他的这个场景，重新创建一个空的场景，用最简单的方式来实现。

首先使用这个插件，对视频的格式是有要求的，也是必须满足的前提条件，

视频格式ogv

在了解了这个事以后，我们创建一个空的场景。然后创建一个空的GameObject和Image。

这也是我们对Image的延伸使用。就是利用Image上的Material。

然后在GameObject上添加一个组件Mobile Movie Texture。

下图是这个组件的内容。

非常简单，我们将自己的ogv格式视频放到Movie这一项。

然后将Movie Materials的size改为1。并且把MovieChromaKey这个材质球拖上去。

下面的就是一些对视频的播放设置了。循环，播放速度等等。

然后我们把MovieChromaKey这个材质球拖到Image的material上即可。

此时Image就变成了黑色。

然后运行项目。

这样视频就可以播放在Image上了。

可以随便看下其他的视频。

最后一个视频播放我就不举例了。

如果你想让视频循环播放。很简单，把Loop改为-1

我们也可以拖动Image的大小来改变视频播放窗口的大小和位置。

是不是很简单？复杂的插件简单用。

原理很简单，就是把视频渲染到材质球上，而Image支持材质球渲染显示，所以就把视频渲到了Image上。

而对于Image的控制，就很简单了吧？忘记的可以回顾上一篇分享。

这是第一篇分享的插件，后续会不断的分享更多的内容。考虑到这个插件的简单程度，和前两篇的Image又相关，所以就在这里把这篇分享拿出来。

好了，这篇移动端播放视频分享就结束了，有问题可以给我留言。