unity3d打包webgl 调用手机摄像头

在Unity中打包WebGL后，我们可以使用JavaScript和HTML5的API来访问手机摄像头。以下是一些基本步骤：

1. 在Unity中创建一个WebGL项目，并将其构建为WebGL。

2. 在WebGL输出文件夹中找到index.html文件并打开它。

3. 在index.html文件中添加以下代码块：

<div>
    <video id="video" width="640" height="480" autoplay></video>
    <canvas id="canvas" width="640" height="480"></canvas>
    <button id="snap">Snap Photo</button>
</div>

<script>
    var video = document.getElementById('video');
    var canvas = document.getElementById('canvas');
    var snap = document.getElementById('snap');
    var ctx = canvas.getContext('2d');

    navigator.mediaDevices.getUserMedia({ video: true })
        .then(function(stream) {
            video.srcObject = stream;
            video.play();
        });

    snap.addEventListener('click', function() {
        ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
    });
</script>

这段代码创建一个video元素，可以用来预览视频流，还有一个canvas元素，用于呈现捕获的图像。在JavaScript中，我们使用`navigator.mediaDevices.getUserMedia()`方法来请求访问设备的摄像头。点击“Snap Photo”按钮后，我们使用canvas的上下文对象调用`drawImage()`方法来捕获视频帧并将其渲染到canvas上。

4. 将index.html文件重新保存并重新加载WebGL应用程序。现在，你应该能够在WebGL应用程序中看到一个视频流，并可以通过点击“Snap Photo”按钮来捕获图像。

请注意，在iOS上，摄像头只能被单个页面使用，因此如果你在同一个应用程序中使用多个WebGL视图，则只有一个摄像头可以被访问。在Android上，你需要在manifest.xml文件中添加摄像头权限。