使用UPLOAD for Windows 10+ Mobile进行视频捕获

Question

使用UPLOAD for Windows 10+ Mobile进行视频捕获

Phi*_*phy 5 video internet-explorer file-upload microsoft-edge

我一直在使用UPLOAD for Windows 10 Mobile研究视频捕获,目前似乎无法实现.我使用以下内容:

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

Run Code Online (Sandbox Code Playgroud)

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

在网络上,有很多例子可以在视频元素中显示网络摄像头,并从中捕获单个帧,但不能捕获完整的视频进行上传.网络上没有从Windows Phone上的网页实际打开摄像机的示例(我在Windows 10 Mobile Insider Preview上使用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);

Run Code Online (Sandbox Code Playgroud)

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

在HTML5 MediaRecorder API看起来很有希望,但是,没有多少厂商已经实现了它.

我还发现这个黑客用HTML5录制音频和视频(共同主演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/

MSDN上的HTML5

MSDN上的HTMLInputElement