unity3d打包webgl 调用手机摄像头

在 Unity3D 中，可以使用 WebCamTexture 类来访问摄像头。WebCamTexture 可以从摄像头捕获视频流，并将其作为纹理传递给 Unity3D。以下是在 Unity3D 中打包 WebGL 并调用手机摄像头的步骤：

1. 在 Unity3D 中创建一个新的场景。
2. 在场景中创建一个 Plane 对象，并将其放置在场景中心。
3. 在 Inspector 窗口中，将 Plane 对象的 Scale 设置为 (10, 1, 10)。
4. 在场景中创建一个 Cube 对象，将其放置在 Plane 对象上方，并将其旋转 45 度。
5. 在 Cube 对象上添加一个新的脚本，并将其命名为 WebcamTextureScript。
6. 在脚本中编写以下代码：

using UnityEngine;
using System.Collections;

public class WebcamTextureScript : MonoBehaviour {

    // The webcam texture
    private WebCamTexture webcamTexture;

    // Use this for initialization
    void Start () {
        // Get the webcam device
        WebCamDevice[] devices = WebCamTexture.devices;
        if (devices.Length > 0) {
            // Create a new webcam texture
            webcamTexture = new WebCamTexture(devices[0].name);

            // Set the texture on the material
            GetComponent<Renderer>().material.mainTexture = webcamTexture;

            // Start the webcam
            webcamTexture.Play();
        }
    }
}

7. 在 Unity3D 菜单中选择 File > Build Settings。
8. 在 Build Settings 窗口中，选择 WebGL 平台，并点击 Build 按钮。
9. 在生成的项目目录中，找到 index.html 文件并编辑它。
10. 在文件中找到以下代码：

<script src="Build/UnityLoader.js"></script>
<script>
    var gameInstance = UnityLoader.instantiate("gameContainer", "Build/Build.json", {onProgress: UnityProgress});
</script>

11. 在上面的代码后面添加以下代码：

<script>
    navigator.mediaDevices.getUserMedia({video: true}).then(function(stream) {
        var video = document.querySelector('video');
        video.srcObject = stream;
        video.onloadedmetadata = function(e) {
            video.play();
        };
    }).catch(function(err) {
        console.log(err.name + ": " + err.message);
    });
</script>

12. 保存并关闭 index.html 文件。
13. 在浏览器中打开 index.html 文件，应该可以看到摄像头的视频流在 Unity3D 场景中。

注意：调用摄像头需要 HTTPS 协议或 localhost 环境。如果您使用的是 localhost 环境，则需要在浏览器中输入 https://localhost:port 打开项目。