Javascript相机切换不切换

Question

我希望将相机 (facingMode) 从 user 切换到 environment。切换似乎在front 从真到假切换的意义上起作用。但是，constraints 中的 facingMode 仍然是 environment。

我忽略了什么？

Codepen：https://codepen.io/abenjamin/pen/qYWeXj?editors=1111

var front = false;
document.getElementById('cameraToggle').onclick = function() { front = !front; console.log(constraints) };

var constraints = { video: { facingMode: (front? "user" : "environment") } };

Answer 1

您在代码笔中重复了这行代码两次，一次在顶部，一次在底部：

document.getElementById('cameraToggle').onclick = function() { front = !front; console.log(constraints) };

另一个问题是原语被值引用。如果您有let x = 3; const obj = { x }; x = 4;，则对象不会更改 - 它将继续为{ x: 3 }。

您需要做的是更新约束对象本身，然后继续对变异对象执行您需要做的任何事情。例如：

document.getElementById('cameraToggle').onclick = function() {
  front = !front;
  constraints.video.facingMode = front
    ? "user"
    : "environment";
  // interact with the mutated `constraints` object if needed
};