Você está aqui: HTML5 ::: HTML5 + JavaScript ::: Video - HTMLVideoElement

Como acessar sua webcam, retornar o MediaStream retornado e usá-lo na propriedade srcObject do elemento video do HTML5

Quantidade de visualizações: 1961 vezes

Nesta dica vou mostrar como é possível acessar sua webcam (câmera) usando o método getUserMedia() do objeto mediaDevices. Se o usuário concordar em permitir o acesso, nós vamos obter o objeto MediaStream retornado e vamos usá-lo para exibir a imagem da câmera em um elemento video.

O código ficará mais fácil de ser entendido se você ler as outras dicas na seção dedicada ao HTML5. Veja o código completo:

Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Quero Ser Apoiador(a)

Veja que aqui nós não nos preocupamos com as dimensões do vídeo. Em outras dicas dessa seção você aprenderá a fazer isso sem muitas dificuldades.

Link para compartilhar na Internet ou com seus amigos:

Veja mais Dicas e truques de HTML5

Como carregar uma imagem (ou foto) no objeto Canvas do HTML5

Como definir a cor da caneta do contexto de desenho do Canvas do HTML 5 usando a propriedade strokeStyle

Obtendo a posição atual do vídeo que está sendo executado no elemento video do HTML5

Como obter a duração de um vídeo carregado em um elemento <video> do HTML5

Como movimentar uma imagem na superfície do elemento Canvas do HTML5 usando as teclas de direção

Como movimentar uma bola na superfície do Canvas do HTML5 em determinados ângulos

Definindo a posição atual do vídeo que está sendo executado no elemento video do HTML5

Como mover uma bola na superfície do Canvas do HTML5 na vertical - Para cima, para baixo e rebatendo

Como criar um relógio digital usando o Canvas do HTML5 e as funções fillText() e requestAnimationFrame()

Como mover uma bola na superfície do Canvas do HTML5 na horizontal - Para a direita, para a esquerda e rebatendo

Dicas e truques de outras linguagens

Delphi - Como usar a propriedade Bof para verificar se estamos no primeiro registro do TClientDataSet do Delphi

VB.NET - Como usar a instrução Continue para abandonar a iteração atual de um laço em VB.NET

CSS - Como criar uma tela de login usando HTML, CSS e JavaScript - Responsivo e com opção de exibir/ocultar senha

Java - Java Swing - Como adicionar um JPopupMenu a um JTextArea

C# - Como calcular a quantidade de dias decorridos em C# usando um objeto TimeSpan

Java - Java Swing - Como evitar a barra de rolagem horizontal em um JScrollPane

C++ - Como acessar os caracteres de uma string individualmente em C++ usando o operador []

Flutter - Como clicar em um botão, obter o texto digitado em um TextField do Flutter e exibí-lo em uma AlertDialog

Java - Exercícios Resolvidos de Java - Lendo a idade de um nadador e classificando sua categoria como infantil, juvenil, adolescente, adulto ou sênior

Python - Como calcular a transposta de uma matriz em Python - Python para Geometria Analítica e Álgebra Linear

E-Books em PDF

E-Book 350 Exercícios Resolvidos de Java - PDF com 500 páginas

Domine lógica de programação e a linguagem Java com o nosso E-Book 350 Exercícios Exercícios de Java, para você estudar onde e quando quiser.

Este e-book contém exercícios resolvidos abrangendo os tópicos: Java básico, matemática e estatística, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - PDF com 1.200 páginas

Domine lógica de programação e a linguagem Python com o nosso E-Book 650 Dicas, Truques e Exercícios Exercícios de Python, para você estudar onde e quando quiser.

Este e-book contém dicas, truques e exercícios resolvidos abrangendo os tópicos: Python básico, matemática e estatística, banco de dados, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby

Você está aqui: HTML5 ::: HTML5 + JavaScript ::: Video - HTMLVideoElement

Como acessar sua webcam, retornar o MediaStream retornado e usá-lo na propriedade srcObject do elemento video do HTML5

Questões de Concurso para Engenharia Civil

Exercícios Resolvidos

Bancos de Dados

Questões de Concurso

Frameworks

Projetos e Códigos Fonte

Especializações

Calculadoras

Ferramentas

Todas as Linguagens, Frameworks, Biliotecas e Bancos de Dados

Compre pelo WhatsApp: +55 (062) 98553-6711

E-Book 350 Exercícios Resolvidos de Java - Com comentários em Português

PDF COM 500 PÁGINAS

Apenas R$ 19,90