Unity打开摄像头占满全屏

Unity打开摄像头占满全屏

AR项目需求，Unity打开摄像头作为背景渲染占满全屏~ Unity对设备硬件操作的API并不是太友好~打开一个摄像头，渲染到屏幕上也都得自己写，虽然步骤少，提取摄像头texture，渲染到UGUI上（本文采取的是UGUI的方案），这时候涉及到一个屏幕适配的问题，以及Unity层级问题。。。

下面先贴上代码和场景配置~ 再说一些坑。。

using UnityEngine;
using System.Collections;
using UnityEngine.UI;

public class STCamDeviceController : MonoBehaviour
{

	WebCamTexture camTexture;
	CanvasScaler CanScaler;
	Camera ca;
	Image img;

	void Start () {

		img = GetComponentInChildren<Image>();

		CanScaler = GetComponentInChildren<CanvasScaler> ();
		CanScaler.referenceResolution = new Vector2 (Screen.width, Screen.height);

		ca = GetComponentInChildren<Camera> ();
		ca.orthographicSize = Screen.width / 100.0f/ 2.0f;

		img.transform.localScale = new Vector3 (-1, -1, -1);

		img.rectTransform.anchorMin = new Vector2 (0.5f, 0.5f);
		img.rectTransform.anchorMax = new Vector2 (0.5f, 0.5f);
		img.rectTransform.pivot = new Vector2(0.5f,0.5f);

		img.rectTransform.SetSizeWithCurrentAnchors (RectTransform.Axis.Horizontal, Screen.height);
		img.rectTransform.SetSizeWithCurrentAnchors (RectTransform.Axis.Vertical, Screen.width);

		// 设备不同的坐标转换
		#if UNITY_IOS || UNITY_IPHONE
		img.transform.Rotate (new Vector3 (0, 180, 90));
		#elif UNITY_ANDROID
		img.transform.Rotate (new Vector3 (0, 0, 90));
		#endif

		StartCoroutine(CallCamera());
	}

	IEnumerator CallCamera()
	{
		yield return Application.RequestUserAuthorization(UserAuthorization.WebCam);
		if (Application.HasUserAuthorization(UserAuthorization.WebCam))
		{
			if (camTexture != null)
				camTexture.Stop();

			WebCamDevice[] cameraDevices = WebCamTexture.devices;
			string deviceName = cameraDevices[0].name;

			camTexture = new WebCamTexture(deviceName,Screen.height,Screen.width,60);
			img.canvasRenderer.SetTexture(camTexture);

			camTexture.Play();
		}
	}
}

此脚本挂在作为打开相机渲染背景的Canvas上~ （UI是另外一个相对独立的Canvas）。。场景里面的配置如下~

再看CameraGBCanvas 和 CameraBG 的配置~ 因为背景image的大小约束都是通过代码动态设置的~

配置如上~ 说说实现思路和一些坑~

首先，第一步。打开相机~

在Start方法里通过 IEnumerator 开启了相机。判断用户是否给了摄像头哦权限，接下来获取设备列表，取第0个就是后置摄像头，取出texture并且渲染到 image上，，这里可以看到取出的texture的 宽等于其高，，高等于其宽，，那是因为取出的textur绕z轴旋转了90度。这里先做了宽高对调~

第二步，渲染成功后背景Image屏幕适配问题。。

a. 首先调整屏幕适配宽高参考值，就为当前屏幕宽高

代码：

		CanScaler = GetComponentInChildren<CanvasScaler> ();
	CanScaler.referenceResolution = new Vector2 (Screen.width, Screen.height);

b.摄像头渲染背景的相机已经调整为正交模式了，其中有一个正交大小的值 orthographicSize 。。根据官方文档的说法是当处于垂直转台的时候等于高的一半，也就是代码如下~

		ca = GetComponentInChildren<Camera> ();
	ca.orthographicSize = Screen.width / 100.0f/ 2.0f;

c. 接着做image旋转处理

	img.transform.localScale = new Vector3 (-1, -1, -1);

	img.rectTransform.anchorMin = new Vector2 (0.5f, 0.5f);
	img.rectTransform.anchorMax = new Vector2 (0.5f, 0.5f);
	img.rectTransform.pivot = new Vector2(0.5f,0.5f);

	img.rectTransform.SetSizeWithCurrentAnchors (RectTransform.Axis.Horizontal, Screen.height);
	img.rectTransform.SetSizeWithCurrentAnchors (RectTransform.Axis.Vertical, Screen.width);

d.最后根据设备不同，判断image的rotae，这一点感觉Unity一点儿都不友好，为什么不能自己判断设备自动适配坐标系统叻？ Unity API 给我的感觉是发展空间还挺大的，好多地方都需要改进~

	// 设备不同的坐标转换
	#if UNITY_IOS || UNITY_IPHONE
	img.transform.Rotate (new Vector3 (0, 180, 90));
	#elif UNITY_ANDROID
	img.transform.Rotate (new Vector3 (0, 0, 90));
	#endif

好了_{上文就是Unity打开摄像头，并且渲染为背景的方法，网上也有一部分博文讲解的是Unity调用摄像头，大家可以参考参考}