返回

EasyAR 尝鲜系列教程之视频播放功能的实现

各位朋友大家好,欢迎大家关注我的博客,我是秦元培,我的博客地址是http://qinyuanpei.com。到现在为止,我们对 EasyAR 中的 ImageTarget 基本上可以说是驾轻就熟了,因此我们这个系列教程可以说是接近尾声了。博主第一次接触 AR 这个概念是在大学时候读到一本讲解计算机图形视觉的书籍里,相对 VR 技术目前华而不实的市场现状,AR 技术从实用性和成熟度都能得到较好的保证。可是大家都清楚这些技术背后都是建立在复杂而高深的图形学算法的基础上的,如果想学习 AR 技术请回归计算机图形学的本源,这就和学习游戏技术要追寻可编程渲染管线是一样的,所以这个系列完全是博主个人的兴趣使然,希望了解这个技术的可以进行更加深入的探索。这次我们来说说 VideoTarget 如何实现吧!

EasyAR 中对视频的支持

目前 EasyAR 对视频的支持主要是通过 VideoPlayerBehaviour 这个类,这个类继承自一个基类 VideoPlayerBaseBehaviour。我们可以将其理解为一个视频播放器组件,只要我们将这个组件添加到一个 GameObject 上,然后简单填写下参数就可以了。可是这个组件博主在 32 位操作系统下并没有看到实际的效果,虽然说都到了 2015 年了 64 位操作系统相对来说更为普及了,可是我觉得支持不支持 32 位操作系统更多的体现的是一家公司做产品的态度。既然暂时没有办法看到这里的具体效果,我们本着学习的态度对这个组件有所了解就是了。下面是这个组件的一张截图:

VideoPlayerBehaviour组件截图
VideoPlayerBehaviour组件截图

从图中我们可以看到这个组件相关参数的设置,这里选取的视频资源是 StreamingAssets 目录下的 video.mp4 这个文件,视频资源的 Stroge 同样支持 App、Assets、Absolute 这三种类型,和图片资源的 Stroge 是一样的,关于这三种类型的资源路径的问题,我这里不想再重复说了,这个看看文档就知道了。其次会涉及到视频播放方式和视频缩放的相关参数,这些基本上没什么理解上的难度,大家对照着文档反复尝试就知道各自的用途了。博主这里不太理解 EasyAR 为什么不采用 MovieTexture 或者 Unity3D 中针对视频播放提供的相关插件,因为 VideoTarget 本质上就是把三维模型换成了可以播放的视频而已,所以大家在前面文章的基础上创建一个 ImageTarget 然后再其下面放置一个附加了 VideoPlayerBehaviour 的的子物体就可以了。官方的示例项目中提供了两种方式的 VideoTarget 创建方式,即手动创建和动态创建。手动创建即我们这里提到的这种方式,而动态创建则是由程序在运行时期间创建。这两种方式本质上没有什么不同,需要注意的是 VideoPlayerBehaviour 有一个 EnableAutoPlay 的选项,该选项被选中后会启用自动播放,即当识别图被识别后自动播放视频、识别图未被识别则暂停播放视频。如果这个选项没有被选中,我们需要在 ITargetEventHandle 接口中动手来实现。

增强 ImageTarget

这个增强 ImageTarget 是指在 ImageTarget 的基础上融入 VideoPlayerBehaviour 的功能,因为按照官方的示例来考虑,这两部分功能是独立的,博主希望让大家在制作识别图的时候完全忘记区别 ImageTarget 和 VideoTarget,这样我们可以更为专注地制作识别图,因为视频组件就只是设置参数这一件事情,完全可以一次性搞定,所以我们首先来定义一个 VideoTargetBaseBehaviour 类,一起来看代码:

using UnityEngine;
using System.Collections;
using EasyAR;

public class VideoTargetBaseBehaviour : ImageTargetBehaviour,ITargetEventHandler
{
    /// <summary>
    /// 视频播放模块
    /// </summary>
    private VideoPlayerBehaviour videoPlayer;

    /// <summary>
    /// 视频文件路径
    /// </summary>
    public string VideoPath;

    /// <summary>
    /// 是否自动播放视频
    /// </summary>
    public bool VideoEnableAutoPlay = true;

    /// <summary>
    /// 是否允许视频循环
    /// </summary>
    public bool VideoEnableLoop = true;

    /// <summary>
    /// 视频类型
    /// </summary>
    public VideoPlayer.VideoType VideoType = VideoPlayer.VideoType.TransparentSideBySide;

    /// <summary>
    /// 视频资源类型
    /// </summary>
    public StorageType VideoStorage = StorageType.Assets;


    /// <summary>
    /// 视频是否加载
    /// </summary>
    private bool isVideoLoaded;

    protected override void Start()
    {
        //在Start方法中加载视频、隐藏模型
        base.Start();
        LoadVideo();
        HideObjects(transform);
    }

    /// <summary>
    /// 加载视频
    /// </summary>
    private void LoadVideo()
    {
        //创建子物体VideoObject并为其添加视频组件
        GameObject VideoObject = new GameObject("VideoObject");
        videoPlayer = VideoObject.AddComponent<VideoPlayerBehaviour>();
        VideoObject.transform.SetParent(transform);
        VideoObject.transform.localPosition = Vector3.zero;
        VideoObject.transform.localRotation = Quaternion.identity;
        VideoObject.transform.localScale = Vector3.one;

        //设置视频组件相关参数
        videoPlayer.Storage = VideoStorage;
        videoPlayer.Path = VideoPath;
        videoPlayer.EnableAutoPlay = VideoEnableAutoPlay;
        videoPlayer.EnableLoop = VideoEnableLoop;
        videoPlayer.Type = VideoType;
        videoPlayer.VideoReadyEvent+=videoPlayer_VideoReadyEvent;
        videoPlayer.VideoReachEndEvent+=videoPlayer_VideoReachEndEvent;
        videoPlayer.VideoErrorEvent+=videoPlayer_VideoErrorEvent;
        videoPlayer.Open();

        videoPlayer.Play();
    }

    #region 视频组件相关事件定义

    public virtual void videoPlayer_VideoErrorEvent(object sender, System.EventArgs e)
    {
        
    }

    public virtual void videoPlayer_VideoReachEndEvent(object sender, System.EventArgs e)
    {
        
    }

    
    public virtual void videoPlayer_VideoReadyEvent(object sender, System.EventArgs e)
    {
        
    }

    #endregion

    /// <summary>
    /// 隐藏模型的方法
    /// </summary>
    /// <param name="trans">要隐藏的Transform</param>
    void HideObjects(Transform trans)
    {
        for (int i = 0; i < trans.childCount; ++i)
            HideObjects(trans.GetChild(i));
        if (transform != trans)
            gameObject.SetActive(false);
    }

    /// <summary>
    /// 显示模型的方法
    /// </summary>
    /// <param name="trans">要显示的Transform</param>
    public void ShowObjects(Transform trans)
    {
        for (int i = 0; i < trans.childCount; ++i)
            ShowObjects(trans.GetChild(i));
        if (transform != trans)
            gameObject.SetActive(true);
    }

    /// <summary>
    /// 实现ITargetEventHandler接口中的OnTargetFound方法
    /// </summary>
    /// <param name="target">识别目标</param>
    void ITargetEventHandler.OnTargetFound(Target target)
    {
        if (videoPlayer)
            videoPlayer.Play();
        ShowObjects(transform);
    }

    /// <summary>
    /// 实现ITargetEventHandler接口中的OnTargetLost方法
    /// </summary>
    /// <param name="target">识别目标</param>
    void ITargetEventHandler.OnTargetLost(Target target)
    {
        if (videoPlayer)
            videoPlayer.Pause();
        HideObjects(transform);
    }

    /// <summary>
    /// 实现ITargetEventHandler接口中的OnTargetLoad方法
    /// </summary>
    /// <param name="target">识别目标</param>
    void ITargetEventHandler.OnTargetLoad(Target target, bool status)
    {

    }

    /// <summary>
    /// 实现ITargetEventHandler接口中的OnTargetUnload方法
    /// </summary>
    /// <param name="target">识别目标</param>
    void ITargetEventHandler.OnTargetUnload(Target target, bool status)
    {

    }
}

在这段代码中博主采用了动态创建视频组件的方法,这样我们在制作 VideoTarget 的时候只需要按照以下步骤即可:

  • 在 Assets/EasyAR/Prefabs 目录下找到 EasyAR 这个预制体,添加 EasyARConfig 组件,然后填写 KEY。具体请参考系列教程第三篇EasyAR 尝鲜系列教程之 ImageTarget 千呼万唤始出来
  • 在 Assets/EasyAR/Prefabs 目录中找到 ImageTarget 这个预制体,然后使用 VideoTargetBaseBehaviour 组件替换默认的 ImageTargetBehaviour 组件。下面是博主这里的参数配置截图

我制作的VideoTarget
我制作的VideoTarget

这里博主继续选择 idback 这张图片,这种方法是博主喜欢的方法,大家可以按照个人喜欢的方式来实现,总而言之万变不离其宗,只需要掌握它的原理就好了。在文章中已经提到过这个组件在 32 位操作系统下无法正常工作,所以这篇文章就不给大家展示相关的截图了,本文暂时先写到这里等有时间测试成功了再来更新这篇文章。如果像博主这样对 Unity3D 比较熟悉的朋友,可以考虑使用 MovieTexture 或者其它的方式来替代官方目前的这个方案,好了,这篇文章就是这样了,希望大家喜欢!

Built with Hugo v0.104.1
Theme Stack designed by Jimmy
已创作 242 篇文章,共计 914893 字