nebel/chirimen-hands-on
1
0
Fork 0
mirror of https://github.com/kou029w/chirimen-hands-on.git synced 2025-01-18 16:08:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

enumerateDevices() before getUserMedia()

Browse source
This commit is contained in:
Nebel 2023-09-29 12:07:00 +09:00
parent d785ed14a1
commit 7ffb578066
Signed by: nebel
GPG key ID: 79807D08C6EF6460
1 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
public/camera.html
View file

@ -9,6 +9,24 @@
<div id="player"></div>
<div id="devices"></div>
<script type="module">
const deviceId = location.hash.slice(1);
const playerElement = document.getElementById("player");
const videoElement = document.createElement("video");
const srcObject = await navigator.mediaDevices.getUserMedia({
video: {
deviceId,
},
});
Object.assign(videoElement, {
controls: "controls",
autoplay: true,
muted: true,
srcObject,
});
playerElement.append(videoElement);
const devicesElement = document.getElementById("devices");
const devices = (await navigator.mediaDevices.enumerateDevices()).filter(
({ kind }) => kind === "videoinput",
@ -27,24 +45,6 @@
}
window.onhashchange = () => location.reload();
const deviceId = location.hash.slice(1);
const playerElement = document.getElementById("player");
const videoElement = document.createElement("video");
const srcObject = await navigator.mediaDevices.getUserMedia({
video: {
deviceId,
},
});
Object.assign(videoElement, {
controls: "controls",
autoplay: true,
muted: true,
srcObject,
});
playerElement.append(videoElement);
</script>
</body>
</html>