Código JavaScript que acessa webcam

Olá pessoas!

Neste post irei mostrar como acessar a webcam através de seu próprio site com uma tecnologia chamada WebRTC.

A WebRTC é uma tecnologia Peer-to-Peer mantida pela Google atualmente. Basicamente usa como tecnologia a linguagem de marcação HTML5 e o que tem de mais moderno no JavaScript. Para fazer algumas formatações na aparência usa-se o CSS.

Para acessar a webcam do usuário via JavaScript, usamos o comando "getUserMedia". Tal comando, possui variantes de navegador para navegador. Logo, tendo isto em mente mostrarei um código que usa todas as variantes. O código do JavaScript você visualiza a seguir:

E o HTML5 fica assim:

Formando:

Plugue sua webcam e a veja em Javascript

Espero que tenham gostado.

Forte abraço,

André Alves Fortuna

O que estão comentando:

  1. Parabens pelo post. Foi uma rápida explicação, mas com certeza, foi feito por quem entende do assunto.

    • André A. Fortuna

      Muito obrigado Maycon.
      Devido ao protocolo do Google Chrome ter mudado para HTTPS, talvez vc não consiga por enquanto visualizar a webcam, mas pelo Firefox por enquanto sim!