salut,

j'essaie d'accéder à la webcam.

donc j'ai ceci en html:

    <video id="video" width="720" height="560" autoplay muted></video>

et ceci en js: 

const video = document.getElementById('video');

function sv(){
  navigator.mediaDevices.getUserMedia(
    {video: {} },
    stream => video.srcObject = stream,
    err => console.log(err)
  )
}

sv();

c'est un script que j'ai pris d'une video sur ytb pour apprendre, mais le  soucis est que sur sa video, ce script marche, sur le mien, nada.

Alors, j''autorise l'activation de la webcam, ma webcam est donc allumer, mais aucune image du côté html...

edit:

le gars avait fait sa fonction avec ' navigator.getusermedia ', moi : avec ' navigator.mediadevices.getusermedia'. Du coup, il ne comprenait pas les arguments passés dans la fonction ! Que suis-je bête...

Vu qu'on doit un peu expliquer du comment on a résolu ceci cela :

// celui là, c'est la façon pour moi la moins maniable...

function vs(){
navigator.mediaDevices.getUserMedia({audio:false,video:true})
  .then(s => {
    video.srcObject = s })
  .catch(console.error('crotte'));
}
//vs();

// ahhh... l'asynchrone... rien de mieux que celui-ci !...

async function vv(){
  var s = await navigator.mediaDevices.getUserMedia({video:true,audio:false});
  if (s){
    video.srcObject = s;
  } else {
    console.error('crotte')
  }
}
//vv();

n'oubliez pas d'enlever les '//' pour exécuter les fonctions.

Et coté html, rien ne change.

-
Edité par CentreDordi 8 août 2020 à 1:44:20