我正在寻找在网页上显示我的网络摄像头的方法。 （学习目的） 我试过这些代码：
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=1024 initial-scale=1">
<!--JS-->
<script src="script.js"></script>
</head>
<body>
<main>
<p>just a webpage to insert JS and see console returns</p>
<video id="retourUtilisateur" autoplay playsinline></video>
</main>
</body>
</html>
const contraintes = {
video: {
width: {
min: 1280,
ideal: 1920,
max: 2560,
},
height: {
min: 720,
ideal: 1080,
max: 1440
},
}
};
//is getUserMedia available ?
if ('mediaDevices' in navigator && 'getUserMedia' in navigator.mediaDevices) {
console.log("Fonctionalités logicielles disponibles")
}
else(console.log("Fonctionalités logicielles indisponibles"))
//asking for camera access
try {
const stream = navigator.mediaDevices.getUserMedia(contraintes);
console.log("cam connected");
// Utiliser le stream ici
// Affichage du stream
document.addEventListener("DOMContentLoaded", function() {
video = document.getElementById("retourUtilisateur");
video.srcObject = stream;
})
} catch (e) {
console.log("Impossible d'accéder à la caméra", e);
}
但我在控制台中遇到错误：捕获类型错误：无法在“HTMLMediaElement”上设置“srcObject”属性：提供的值不是“（MediaSourceHandle 或 MediaStream）”类型。
所以...我检查了 Mozila 数据表，并且...是的，html 没有 srcObject 属性。那么这些示例到底是如何工作的呢？我错过了什么？我继续使用此数据表，并将我的 srcObject 属性替换为 src 属性。我的错误更改为：“GET http://127.0.0.1:5500/[object%20Promise] 404（未找到）”但是......为什么我有 404 错误？是不是只有当网页丢失时才会出现？我不明白为什么要谈论承诺。这是什么？
西雅