reproductor html5
reproductor html5

html5-logo-pequeno  Aprendiendo HTML5     html5-logo-pequeno

Hola amigos en esta ocasión vamos a realizar un tutorial muy interesante, puesto que vamos hacer uso de la tecnología Html5 para interactuar con el hardware de nuestra computadora, mas exactamente con la webcam y el micrófono, para ello vamos a ser uso del lenguaje Javascript y de html5.

Inicialmente agregamos nuestro reproductor con la etiqueta de vídeo como ya lo hemos venido haciendo, ademas a dicha etiqueta le agregaremos un id, en mi caso lo llamaré cam.

[cc lang=»html»]

🌟 ¡Visita Nuestra Tienda para Programadores! 🌟

Descubre Códigos Fuente, Cursos, Software, Computadoras, Accesorios y Regalos Exclusivos. ¡Todo lo que necesitas para llevar tu programación al siguiente nivel!

[/cc]

Listo, ahora vamos a crear el script paso a paso que necesitamos para nuestro objetivo.

[cc lang=»javascript»]

[/cc]

Finalmente desde nuestro navegador le damos permiso, para poder acceder a la cámara web y al micrófono del ordenador 🙂 .

Webcam desde Html5

4 comentario en “HTML5 Accediendo a la Webcam y micrófono”
  1. hola, no se si es que estoy haciendo algo mal porque he seguido tu tutorial y el resultado no es el esperado. Me explico, he montado mi propio servidor web y en la pagina he introducido tu codigo esperando que los clientes al conectarse viesen lo que emite mi webcam, pero no es asi, sino que lo que se les activa es su propia webcam. Si este es el funcionamiento correcto no le veo la utilidad, porque para que vale que se conecten a mi web y se vean ellos mismos en la pantalla a traves de su webcam, suponia que lo que verian seria mi propia webcam.

    Podrias decirme si es que he hecho algo ,mal.

    Un saludo

    1. Hola, amigo un saludo, básicamente este ejemplo es para saber como acceder a la cámara y micrófono de una Pc o mobile, con unas lineas de código extra puede grabar audio, vídeo y tomar fotos pero solo de la persona que ejecuta el code pero para el objetivo que tienes en mente no aplica.

      Saludos.

    2. Hola, amigo un saludo, básicamente este ejemplo es para saber como acceder a la cámara y micrófono de una Pc o mobile, con unas lineas de código extra puede grabar audio, vídeo y tomar fotos pero solo de la persona que ejecuta el code pero para el objetivo que tienes en mente no aplica.

      Saludos.

  2. quiero complementarlo, para que funcione hay que crear un mini servidor de archivos estaticos, yo lo hice en linux asi desde la consola python -m SimpleHTTPServer

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *