如何打开相机并在div中拍摄照片

Question

我想打开div元素中的相机。我使用以下结构：

return (
<div id="container">
<video id="video" width="640" height="480"></video>
{testFunction()}
</div>
);
function testFunction() {
var video = document.getElementById('video');
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) {
video.srcObject = stream;
video.play();
});
}}

但是，它给出了错误！！video.srcObject = stream;和video.play();出现错误。。我该怎么办？非常感谢。

Answer 1

试试这个

function testFunction() {
var video = document.getElementById('video');
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia({ video: true }).then(
function(stream) {
video.srcObject = stream;
video.onloadedmetadata = function(e) {
video.play();
};
});
}