Come eseguire anteprime video da una fotocamera (HTML)
[ Questo articolo è rivolto agli sviluppatori per Windows 8.x e Windows Phone 8.x che realizzano app di Windows Runtime. Gli sviluppatori che usano Windows 10 possono vedere Documentazione aggiornata ]
Puoi associare una fotocamera a un tag <video> per visualizzare l'anteprima del video.
Nota In questa sezione apprenderai come associare in modo programmatico la fotocamera al controllo video HTML5. Non viene fornita una descrizione della classe CameraCaptureUI per la selezione della fotocamera. Inoltre l'argomento trattato fa riferimento in modo specifico alle app di Windows Runtime scritte in JavaScript. Le app di Windows Runtime scritte in C++, C# o Visual Basic usano un'altra API.
Prerequisiti
Partiamo dal presupposto che tu sappia come creare una semplice app di Windows Runtime in JavaScript. Se hai bisogno di aiuto per creare la tua prima app, vedi Creare la prima app di Windows Store scritta in JavaScript.
Istruzioni
Passaggio 1: Impostare la funzionalità del dispositivo nel manifesto dell'app
Per abilitare l'accesso alla webcam, le app devono includere innanzitutto la funzionalità DeviceCapability corrispondente nel manifesto dell'app.
- In Microsoft Visual Studio fai doppio clic sull'elemento package.appxmanifest in Esplora soluzioni per aprire la finestra di progettazione del manifesto dell'applicazione.
- Fai clic su Funzionalità.
- Seleziona la casella per Webcam.
Passaggio 2: Aggiungere il codice
Il tag video può essere usato per l'anteprima video Webcam.
<script type="text/javascript">
function init(){
var mediarec = new Windows.Media.MediaRecorder();
var opInitializeRecorder = mediarec.initializeAsync(null);
opInitializeRecorder.start();
}
function preview(){
var myVideo = document.getElementById("videoTag1");
myVideo.src = URL.createObjectURL(mediarec);
myVideo.play();
}
</script>