同局域网下通过IP访问本地服务器时无法获取外部设备摄像头流的问题求助

我现在碰到一个棘手的问题：当我在同局域网的外部设备上通过IP地址访问本地Laravel服务器时，无法成功获取摄像头流，页面上的视频区域始终是空白的。

下面是我当前用来调用摄像头的JavaScript代码以及对应的HTML结构：

JavaScript 代码 #

function openCameraModal() {
    cameraModal.classList.remove('hidden');
    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
        navigator.mediaDevices.getUserMedia({ video: true })
            .then(stream => {
                camera.srcObject = stream;
            })
            .catch(err => {
                console.error('Camera access error:', err);
                alert('Could not access camera. Please enable camera permissions.');
            });
    } else {
        console.error('getUserMedia not supported on this browser.');
        alert('Your browser does not support camera access. Please use a different browser.');
    }
}         
  }         
}

HTML 结构 #

<video id="camera" class="w-full h-auto rounded-lg border-2 border-white shadow-xl" autoplay></video>
<canvas id="snapshot" class="hidden"></canvas>

我现在完全不知道该从哪里入手解决这个问题，有没有经验丰富的开发者能给我一些解决方案或者排查方向？非常感谢！

备注：内容来源于stack exchange，提问作者local host