async flip camera

by jib1

HTML

<button id="front">Front</button><button id="back">Back</button>
<div id="div"></div><br>
<video id="video" height="320" autoplay></video>

JavaScript

const console = {log: msg => div.innerHTML += `${msg}<br>`};

async function gum(exact) {
  try {
    if (video.srcObject) {
      video.srcObject.getVideoTracks()[0].stop();
    }
    video.srcObject = await navigator.mediaDevices.getUserMedia({video: {facingMode: {exact}}});
  } catch (e) {
    console.log(e);
  }
}

front.onclick = () => gum("user");
back.onclick = () => gum("environment");