Question

我一直在使用 UPLOAD 为 Windows 10移动版研究视频捕获，目前看来不可能。我使用以下内容：

<input type="file" accept="video/*">

这允许您选择移动网络摄像头作为信号源，但您只能拍照。在Android和iOS上，相机打开就绪，可以录制视频，您可以将其作为“multipart / form-data”POST请求的一部分上传。

在网络上，有很多例子可以在视频元素中显示网络摄像头Feed并从中捕获单个帧，但不会捕获整个视频以进行上传。网上没有从Windows Phone上的网页实际打开摄像机的例子（我在Windows 10移动内幕预览版上使用Edge Browser）。

我还使用以下代码，它允许您从网络摄像头流中拍摄静止图像（取自MicrosoftEdge/Demos/photocapture）：

var initializeVideoStream = function(stream) {
    mediaStream = stream;

    var video = document.getElementById('videoTag');
    if (typeof (video.srcObject) !== 'undefined') {
         video.srcObject = mediaStream;
    }
    else {
        video.src = URL.createObjectURL(mediaStream);
    }
    ...
}

navigator.mediaDevices.getUserMedia({
        video: {
            width: 640,
            height: 360,
            deviceId: { exact: webcamList[currentCam] }
        }
    }).then(initializeVideoStream).catch(getUserMediaError);

使用MediaStream对象调用initializeVideoStream，但是，似乎无法将此管道传输到Blob或其他流，这将允许您保存它并最终将其发布到服务器。

HTML5 MediaRecorder API看起来很有希望，然而，目前还没有很多供应商实现它。

我也发现了这个hack Recording Audio & Video with HTML5 (co-starring Meteor)，但由于Edge浏览器不支持webp格式，所以这是不行的。

我在网上找到的其他一些资源包括（但没有涵盖视频上传）：

http://dev.modern.ie/testdrive/demos/photocapture/

http://ryanjoy.com/2014/04/file-upload-in-ie11-on-windows-phone-8-1/

https://blogs.windows.com/buildingapps/2012/11/08/internet-explorer-10-brings-html5-to-windows-phone-8-in-a-big-way/

HTML5 on MSDN

HTMLInputElement on MSDN