2015-08-12 4 views
5

Ich habe Video Capture mit UPLOAD für Windows-10 Mobil erforscht und es scheint nicht möglich, im Moment. Ich wurde mit der folgenden:Video Capture mit UPLOAD für Windows 10 + Mobil

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

Auf diese Weise können Sie die mobile Webcam als Quelle wählen, aber Sie können nur Fotos. Auf Android- und iOS-Geräten wird die Kamera zum Aufnehmen von Videos geöffnet, die Sie als Teil einer POST-Anfrage mit "Multipart/Formulardaten" hochladen können.

Im Internet gibt es viele Beispiele für die Anzeige des Webcam-Feeds in einem Videoelement und die Aufnahme einzelner Frames, aber keine Erfassung des vollständigen Videos für den Upload. Es gibt kein Beispiel dafür, die Videokamera tatsächlich von einer Webseite auf Windows Phone zu öffnen (ich verwende Edge Browser unter Windows 10 Mobile Insider Preview).

Ich war auch mit dem folgenden Code, der Sie ein Standbild von einer Webcam Stream nehmen können (aus 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); 

Die initializeVideoStream mit einem Mediastream-Objekt aufgerufen wird, jedoch scheint es zu Keine Möglichkeit, dies zu einem Blob oder einem anderen Stream zu leiten, der es dir ermöglicht, es zu speichern und es eventuell auf einem Server zu veröffentlichen.

Die HTML5 MediaRecorder API sieht vielversprechend aus, aber nicht viele Anbieter haben es bisher implementiert.

Ich fand auch diesen Hack Recording Audio & Video with HTML5 (co-starring Meteor) jedoch, wie der Edge-Browser nicht webp Format unterstützt das ist ein no go.

Einige andere Ressourcen, die ich im Internet gefunden werden, schließen (aber keine Abdeckung Video-Upload):

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

+1

Folgen. Ich habe dazu ein Sample geschrieben, aber ich wäre neugierig zu lernen, wie ich es sofort hochladen kann. http://www.davevoyles.com/using-the-media-capture-api-in-the-browser/ –

+0

Bitte aktualisieren Sie die folgende Idee (implementieren Sie HTML MEDIA CAPTURE W3-Spezifikation), um dies auf Windows Mobile zu implementieren: https://wpdev.uservoice.com/forums/257854-microsoft-edge-de-veloper/suggestions/17694889-support-the-html-media-capture-api –

Antwort

0

"accept" -Attribute werden an dieser Stelle definitiv nicht unterstützt.

Der Edge-Status zeigt es als "Under Consideration" mit nur 65 Stimmen bei http://dev.modern.ie/platform/status/httpclienthints/?filter=f3f0000bf&search=accept.

Wenn Sie an der Implementierung der HTTP-Client-Hinweise (aka "accept") auf Edge interessiert sind, seien Sie sicher und stimmen Sie über die obige URL ab.

Einige andere Bereiche, die Feedback zu Microsoft Edge liefern.

Hoffnung, das hilft. Healy in Tampa.

+0

HTML-Client-Hinweise (https://tools.ietf.org/ html/draft-grigorik-http-client-hints-03) löst das nicht. Die Spezifikation, die implementiert werden muss, ist die Spezifikation HTML MEDIA CAPTURE W3 (https://www.w3.org/TR/html-media-capture/) –