Aplicaciones de Windows
Contraer la tabla de contenido
Expandir la tabla de contenido

Cómo obtener una vista previa de vídeo desde una cámara web (aplicaciones de la Tienda Windows con JavaScript y HTML)

Puedes asociar una cámara web con una etiqueta <video> para obtener una vista previa del vídeo.

Nota  En este tema, se describe cómo asociar mediante programación la cámara con el control de vídeo HTML5. No se describe CameraCaptureUI ("selector de cámara"). Además, este tema es específico de las aplicaciones de la Tienda Windows con JavaScript. Las aplicaciones de la Tienda Windows creadas para Windows con C++, C# o Visual Basic usan una API distinta.

Requisitos previos

En este tema, se supone que puedes crear una aplicación de la Tienda Windows desarrollada para Windows con JavaScript que use la plantilla de la Biblioteca de Windows para JavaScript. Si necesitas ayuda para crear tu primera aplicación, consulta el tema sobre cómo crear tu primera aplicación de la Tienda Windows con JavaScript.

Instrucciones

Paso 1: Establecer las capacidades del dispositivo en el manifiesto de la aplicación

Para habilitar el acceso a la cámara web, las aplicaciones primero deben incluir la DeviceCapability correspondiente en el manifiesto de la aplicación.

  1. En Microsoft Visual Studio Express 2012 for Windows 8, abre el diseñador para el manifiesto de la aplicación haciendo doble clic en el elemento package.appxmanifest en el Explorador de soluciones.
  2. Haz clic en Capacidades.
  3. Activa la casilla Cámara web.

Paso 2: Agregar el código

La etiqueta de vídeo puede usarse para obtener una vista previa de vídeo en la cámara web.


<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>


Temas relacionados

Muestra de captura de multimedia

 

 

Mostrar:
© 2018 Microsoft