2015-08-12 12 views
5

Ho fatto ricerche Video Capture con UPLOAD per di Windows 10 Mobile e non sembra possibile al momento. Stavo usando quanto segue:di cattura video con UPLOAD per Windows 10 + mobile

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

Ciò consente di selezionare la webcam mobile come fonte, ma è possibile scattare solo foto. Su Android e iOS la fotocamera si apre pronta per registrare video, che puoi caricare come parte di una richiesta POST "multipart/form-data".

Sul Web, ci sono molti esempi di visualizzazione del feed della webcam in un elemento video e la cattura di singoli fotogrammi da esso, ma nessuno di catturare il video completo per il caricamento. Non c'è alcun esempio sul web di aprire effettivamente la videocamera da una pagina Web su Windows Phone (sto usando Edge Browser su Windows 10 Mobile Insider Preview).

ero anche utilizzando il seguente codice, che consente di scattare un'immagine fissa da un flusso webcam (tratto da 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); 

L'initializeVideoStream viene chiamato con un oggetto MediaStream, tuttavia, non sembra non essere in alcun modo in grado di collegarlo a un Blob oa un altro stream che consentirà di salvarlo e infine di postarlo su un server.

Il HTML5 MediaRecorder API sembra promettente, tuttavia non molti produttori lo hanno ancora implementato.

Ho anche trovato questo hack Recording Audio & Video with HTML5 (co-starring Meteor), tuttavia, poiché il browser Edge non supporta il formato webp, questo è un no go.

Alcune altre risorse che ho trovato sul web includono (ma nessuno di upload video di copertina):

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

seguito. Ho scritto un esempio su questo, ma sarei curioso di imparare anche come caricare immeditamente. http://www.davevoyles.com/using-the-media-capture-api-in-the-browser/ –

+0

Si prega di aggiornare la seguente idea (implementare la specifica HTML MEDIA CAPTURE W3) per provare a implementarla su Windows Mobile: https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/17694889-support-the-html-media-capture-api –

risposta

0

Gli attributi "accept" non sono supportati in questo momento.

Lo stato Bordo lo mostra come "In considerazione" con soli 65 voti allo http://dev.modern.ie/platform/status/httpclienthints/?filter=f3f0000bf&search=accept.

Se si è interessati all'implementazione dei suggerimenti client HTTP (noti anche come "accetta") su Edge, assicurarsi di votare l'URL sopra riportato.

Altre aree per fornire feedback su Microsoft Edge.

Speranza che aiuta. Healy a Tampa.

+0

Suggerimenti client HTML (https://tools.ietf.org/ html/draft-grigorik-http-client-hints-03) non risolverà questo problema. La specifica che deve essere implementata è la specifica HTML MEDIA CAPTURE W3 (https://www.w3.org/TR/html-media-capture/) –