惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

J
Java Code Geeks
博客园 - 司徒正美
博客园 - 【当耐特】
爱范儿
爱范儿
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
IT之家
IT之家
人人都是产品经理
人人都是产品经理
雷峰网
雷峰网
酷 壳 – CoolShell
酷 壳 – CoolShell
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
大猫的无限游戏
大猫的无限游戏
月光博客
月光博客
宝玉的分享
宝玉的分享
V
V2EX
S
SegmentFault 最新的问题
V
Visual Studio Blog
阮一峰的网络日志
阮一峰的网络日志
Martin Fowler
Martin Fowler
Jina AI
Jina AI
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
博客园_首页
L
LangChain Blog
D
Docker
腾讯CDC

元视角

.NET 生态下的 Agent 框架选型:从 ReAct 到原生推理 - 元视角 从「能用」到「好用」:LLM 流式响应实现方式的探索之路 - 元视角 当我用 2000 条聊天记录,让 AI 为我画一幅自画像 - 元视角 基于 Supabase 的 AI 应用开发探索 - 元视角 微博 × MCP:社交媒体新玩法解锁 - 元视角 四点钟海棠花未眠 - 元视角 Semantic Kernel × MCP:智能体的上下文增强探索 - 元视角 基于 K-Means 聚类分析实现人脸照片的快速分类 - 元视角 容器技术驱动下的代码沙箱实践与思考 - 元视角 温故而知新:后端通用查询方案的再思考 - 元视角 浅议 CancellationToken 在前后端协同取消场景中的应用 - 元视角 Semantic Kernel 视角下的 Text2SQL 实践与思考 - 元视角 关于 ChatGPT 的流式传输,你需要知道的一切 - 元视角 RAG 的是与非、Rewrite 和 Rerank - 元视角 使用 EFCore 和 PostgreSQL 实现向量存储及检索 - 元视角 基于 LLaMA 和 LangChain 实践本地 AI 知识库 - 元视角 使用 llama.cpp 在本地部署 AI 大模型的一次尝试 - 元视角 如何为 Git 配置多个 SSH Key - 元视角 C# 使用 LibUsbDotNet 实现 USB 设备检测 - 元视角 基于 C# 实现样式与数据分离的打印方案 - 元视角 基于 SVG 的图形交互方案实践 - 元视角 前端视频播放技术概览 - 元视角 温故而知新,再话 Python 动态导入 - 元视角 后 GPT 时代,NLP 不存在了? - 元视角 视频是不能 P 的系列:使用 Milvus 实现海量人脸快速检索 - 元视角 GDI+下字体大小自适应方案初探 - 元视角 小爱音箱集成 ChatGPT 的不完全教程 - 元视角 程序员视角下的三体世界随想 - 元视角 关于 Docker 容器配置信息的渐进式思考 - 元视角 在 Docker 容器内集成 Crontab 定时任务 - 元视角
EasyAR 尝鲜系列教程之视频播放功能的实现 - 元视角
飞鸿踏雪 · 2015-12-09 · via 元视角

各位朋友大家好,欢迎大家关注我的博客,我是秦元培,我的博客地址是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 或者其它的方式来替代官方目前的这个方案,好了,这篇文章就是这样了,希望大家喜欢!