Páginas

quarta-feira, 2 de junho de 2021

DICAS 3346 - WINDEV WEBDEV MOBILE - Integrar Componente web externo Camera - Curso Webdev 90-Camera 4





https://youtu.be/Q4oi_sDWcCE




Bom Dia Boa Tarde Boa Noite

Mande um email pedido para receber todas notificaçoes dos videos 


Seja Membro do Canal e tenha direito a consultorias com precos diferenciados


Esse Video vai estrear as 10:00 do dia 09/06/2021

DICAS 3346 - WINDEV WEBDEV MOBILE - Integrar Componente web externo Camera -  Curso Webdev 90





ASSUNTOS

Integrar Componente web externo Camera

Aula Baseada no video abaixo , tempo ate 6 Minutos 



1 Vamos Criar um projeto chamado 
  webdev_integrar_componente_web_Camera
2 Criar Pagina chamado 
  integrar_web_camera  
3 criar uma imagen
4 criar um botao para tirar foto 
5 criar um botao para enviar foto
6 vamos criar um botao web componente
   Mudar ancoragem componente
        Largura Fixa 
        Mostrando Html , css, javascript 
7 Vou copiar pagina o codigo body que me interessa e vou colar no html
       vou acrescentar no html 
              width="312" height="312"
8 Vamos pegar o codigo javascript 
9 Link da pagina que sera pego o componente 
10 No componente, em html colocar o seguinte:
  <video autoplay="true" width="312" height="312" id="videoElement"></video>
  
11 No componente , javascript colocar o seguinte:

var video = document.querySelector("#videoElement");

if (navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia({ video: true })
.then(function (stream) {
video.srcObject = stream;
})
.catch(function (err0r) {
console.log("Something went wrong!");
});
}

==============================


---------------- INDICE WEBDEV

DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV
DICAS 3068 -WEBDEV TUTORIAL 1-Licao 1.2-14-09-2020 15hrs-Web development and WEBDEV - PARTE A
DICAS 3069 -WEBDEV TUTORIAL 3-Licao 1.2-14-09-2020 16hrs-Web development and WEBDEV - PARTE B