html - 网络摄像头在 android uc-browser 上的视频元素上显示为黑色背景

Question

我正在尝试在 Android v6.0.1 Samsung Galaxy A5 上的 UC Browser v12.13 上的 html 页面上显示网络摄像头输出。输出只是黑色背景。这适用于同一设备上的其他浏览器，即 Chrome 和 Stock 浏览器。

我尝试从成功块中播放视频，而不是添加自动播放标签并添加了一些调试；视频元素正在播放。

<video class="video-element" autoplay muted playsinline></video>

navigator.mediaDevices.getUserMedia = navigator.mediaDevices.getUserMedia
                || navigator.webkitGetUserMedia
                || navigator.mozGetUserMedia
                || navigator.msGetUserMedia
                || navigator.oGetUserMedia
                || navigator.getUserMedia;

        navigator.mediaDevices.getUserMedia(
            cameraMediaConstraints[constraintIndexToTry]
        ).then(function(stream) {
            video.srcObject = stream;
        }).catch(function(DOMException) {
            setCameraError(cameraErrorsEnums.NotAllowedError);
        });

我期待视频显示网络摄像头的输出，但我只是得到黑色背景。

标签： htmlecmascript-6webcamuc-browser

Answer 1

似乎没有设置相机权限。这不是很明显，你必须去设置->应用程序并在那里设置权限，不能通过UC浏览器设置。