AR录屏

Note

支持：Android / iOS

OSX平台注意：VOIDAR_Unity_v1.0_Beta4暂时不支持OSX平台运行，打包iOS正常

一、简介

一键屏幕录制功能，能将运行中的AR内容，录制为MP4格式的视频。

二、阅读指南

本教程主要介绍如何在Unity环境下进行操作。

默认读者您拥有一定的软件使用、应用开发经验。

教程中只会对Unity的基础使用进行简要说明，有关Unity使用的更多信息，请访问Unity官网查看。

三、搭建环境

在进行具体操作前，您需要安装下列软件，准备如下环境：

操作系统

  • Windows 7 或更高版本
  • OS X 10.10 或更高版本

Unity版本支持

Unity 3D版本 太虚AR SDK功能
5.6.x 全部支持
2017.x 全部支持
2018.x 全部支持
2019.1.x 全部支持
2019.2.0 全部支持
Note

本教程中使用的Unity版本为：Unity 2017.4.13

Unity 3D下载地址：https://unity3d.com/cn/get-unity/download/archive

四、实现流程

Important

实现AR录屏，只需要在“ARCamera”上添加“Video Record Behaviour”脚本组件即可。

下文以“图像识别（单目标）”为内容，创建AR录屏。

如果您已经熟悉该内容，请直接查看“第十步”、“第十一步”、“五、操作说明”。

第一步、新建Unity工程

打开Unity，新建一个工程。填写Project name为“ImageTarget”、选择保存的位置，点击[ Create project ]。

1

第二步、导入太虚AR SDK

选中[ Assets ] -> [ Import Package ] -> [ Custom Package... ]，导入太虚AR SDK。

2

选择下载好的SDK文件（.unitypackage），点击[ 打开 ]按钮。

3

弹出界面，点击[ Import ]，导入过程需要耐心等待一段时间。

4

如果弹出“API Update Required”界面，请点击[ I Made a Backup, Go Ahead! ]。

5

第三步、删除Main Camera

Note

Unity3D打开时默认是新的Scene，新的Scene自带一个Main Camera和Directional Light对象，我们需要用SDK的ARCamera，故将默认的Camera删除。

右键选中场景中自带的“Main Camera”，点击[ Delete ] 删除。

6

第四步、拖入预制件“ARCamera”、“ImageTarget”

展开[ Assets ] -> [ VoidAR ] -> [ Prefabs ]目录，

将预制件“ARCamera”和“ImageTarget”分别拖至场景中。

7

操作成功后显示如下。

8

第五步、设置ARCamera

选中ARCamera，查看右侧的“Inspector”栏，设置“Void AR Behaviour (Script)”组件属性。

  • 设置MarkerType = "Image"，代表识别类型为图像
  • 设置Simultaneous Tracking = "1"，代表同时跟踪的识别Marker数量为1个

9

第六步、设置识别图（Marker）

选中ImageTarget，查看右侧的“Inspector”栏，设置“Image Target Behaviour (Script)”组件属性。

  • 设置Image File Path = "Panda.jpg"，填写时需要包括“文件名”+“后缀jpg”
Warning

Marker图片文件，必须放在[ Assets ] -> [ StreamingAssets ]文件夹内，本教程使用的是SDK的内置图片。

10

11

第七步、设置模型

Note

识别后显示的模型，需要放在ImageTarget下。

右键选中场景中的“ImageTarget”，添加一个3D模型“Cube”。

12

选中“Cube”，调整模型的位置和大小。

13

第八步、保存场景

选中[ File ] -> [ Save Scenes ] ，进行场景保存。

14

设置文件名为“ImageTarget”，点击[ 保存 ]按钮。

15

第九步、进行调试

Warning

确保您的PC已经连接了摄像头。

点击[ 运行 ]按钮。

16

识别成功，完成调试。

17

第十步、添加AR录屏

选中“ARCamera”，点击[ Add Compoent ]，添加“Video Record Behaviour”脚本。

49

脚本绑定成功后，显示如下。

其中MP4 File Name中“VoidAR_”，为保存后视频文件的前缀。

50

再次选中“ARCamera”，点击[ Add Compoent ]，添加“Record Help”UI脚本。

203

脚本绑定成功后，显示如下。

204

操作完成后，再次选中[ File ] -> [ Save Scenes ] ，保存场景。

Warning

AR录屏功能只能在Android或者iOS设备上运行，下面进行移动平台打包。

第十一步、打包发布

打包流程分为“Android”、“iOS”。

Android

打包Android，需要将Unity切换至Android平台，点击[ File ] -> [ Build Settings... ]。

18

选中Android标签，如果左下的[ Switch Platform ]按钮为灰色，需要下载Unity Android Support，请点击右侧的[ Open Download Page ]按钮，下载并安装。

19

点击[ Switch Platform ]按钮，完成Android平台的切换。

20

切换完成后，先关闭Build Settings界面，继续搭建打包环境。

选中[ Edit ] -> [ Preferences... ]，设置参数。

47

弹出界面选中“External Tools”选项，设置Android SDK和JDK。

Note

如果本地没有SDK和JDK，可以点击后方的[ Download ]，在弹出的网页上进行下载即可。

也可以用链接下载安装：

SDK（要科学上网才能打开）：https://developer.android.com/studio/index.html

JDK：https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

安装完成后，设置好SDK和JDK的路径就可以了。

48

选中ARCamera，查看右侧的“Inspector”栏，设置“Void AR Behaviour (Script)”组件属性。

  • 设置Camera = "后置摄像头"

27

选中[ File ] -> [ Build Settings... ]，取消默认场景前方的勾选。然后点击[ Add Open Scenes ]，添加当前的场景。

21

添加完成后，如下所示。

22

设置属性参数

点击[ Player Settings... ]按钮，查看右侧的“Inspector”栏，设置属性参数，您可以自定义。

  • 设置Company = "VOIDAR"

  • 设置Product Name = "ImageTarget"

  • 设置Bundle Identifier = "com.VOIDAR.ImageTarget"（不能使用默认值，否则无法打包）

  • Important

    取消“Multithreaded Rendering”的勾选！

23

完成设置后，点击[ Build ]按钮。

24

设置文件名为“ImageTarget”，点击[ 保存 ]按钮，开始打包。

25

打包过程需要耐心等待一段时间。

26

完成后，将生成一个“ImageTarget.apk”文件，安卓打包完成。

iOS

iOS打包需要在Mac OS系统中完成，需要准备Mac设备（如MacBook Pro、MacBook、iMac、Mac mini等）。

在Unity中，将开发平台切换至iOS，然后Build生成Xcode工程。

Warning

推荐使用Mac设备的Unity软件来生成Xcode工程。如果之前是在Windows环境下编辑的，可以将Unity工程输出成unitypackage，或拷贝至Mac电脑中进行编辑处理。

启动Unity，打开之前保存的、或者拷贝过来的ImageTarget工程文件（工程已经打开的，跳过这步）

28

点击[ Open ]按钮打开工程。

29

将Unity切换至iOS平台，点击[ File ] -> [ Build Settings... ]。

30

选中iOS标签，如果左下的[ Switch Platform ]按钮为灰色，需要下载Unity iOS Support，请点击右侧的[ Open Download Page ]按钮，下载并安装。

31

点击[ Switch Platform ]按钮，完成iOS平台的切换。

32

切换完成后，点击[ Player Settings... ]按钮。

340

Important

取消“Multithreaded Rendering”的勾选！

51

关闭Build Settings界面，选中ARCamera，查看右侧的“Inspector”栏，设置“Void AR Behaviour (Script)”组件属性。

  • 设置Camera = "后置摄像头"

33

选中[ File ] -> [ Build Settings... ]，取消默认场景前方的勾选。然后点击[ Add Open Scenes ]，添加当前的场景。

34

添加完成后，如下所示。

35

完成设置后，点击[ Build ]按钮。

36

准备生成Xcode工程，命名为“Output”，点击[ Save ]。

37

打开生成的Xcode文件。

38

设置属性参数

填写配置，将自己的证书、iOS适应版本都正确选上：

左侧点击[ Unity-iPhone ]，配置参数，您可以自定义。

  • 设置Display Name = "VOIDAR_Test"
  • 设置Bundle Identifier = "com.VOIDAR.Demo"
  • 设置Version = "1.0"
  • 设置Build = “1.0”
  • 设置Team = “您自己的证书”
  • 设置Deployment Target = “8.1”

39

添加Accelerate.framework

General页面往下拉，在Linked Frameworks and Libraries中，点击“+”。

40

弹出界面，选中“Accelerate.framework”，点击[ Add ]。

41

添加完成，Linked Frameworks and Libraries下方出现“Accelerate.framework”。

42

添加权限：

1）摄像机使用权限

2）相册使用权限

3）相册添加权限

4）麦克风使用权限

选中“Info”标签，点击Supported interface orientations后面的“+”。在弹出列表中，添加如下权限：

  • Privacy - Camera Usage Description
  • Privacy - Photo Library Usage Description
  • Privacy - Photo Library Additions Usage Description
  • Privacy - Microphone Usage Description

43

44

52

202

205

设置Enable Bitcode = “No”

选中”Build Settings”标签，设置Enable Bitcode = “No”。

45

打包取消armv7

选中“Build Settings”标签，展开Architectures，选择 “Other...”。

52

弹出界面，选中“armv7”后点击“-”。

53

取消后显示如下即可。

54

数据线连接iphone或者ipad，点击[ 运行 ]，即可打包。

46

完成后，iphone或者ipad上，将生成一个“VOIDAR_Test”的APP，iOS打包完成。

五、操作说明

打包完成后，即可在移动设备上运行。

  • 点击左下角的“REC”按钮开始视频录制
  • 点击“Stop”按钮停止录制
Note

在设备相册中可找到录制的视频文件，Android录屏后的视频文件路径为"扩展卡DCIM文件夹内"，iOS录屏后的视频文件路径为"相册"。

至此，AR录屏制作完成。