Camera 如何在JavaScript中拍照之前向相机添加覆盖图像

我想在JavaScript中添加一个半透明的图像作为相机的覆盖，这样用户就可以得到他们需要拍摄的东西，但我正在努力

我目前访问智能手机的本机摄像头，如下所示：

<input type="file" accept="image/*" capture="camera" id="camera" style="display: none;">
<input type="button" value="Take pic" onclick="document.getElementById('camera').click();" class="btn btn-primary" />

但我无法通过JS操作本机相机来添加半透明图像作为覆盖。可能吗

有没有办法通过javascript（Jquery或某些lib）将图像添加到相机上作为覆盖（类似于qr码阅读器或信用卡扫描仪）