Dieser Beitrag stellt eine simple Webcam Testwebseite dar, die das Livebild der Webcam im Webbrowser anzeigt.
Technisch gesehen handelt es sich bei sich hierbei um einen Zugriff auf das MediaDevice Web API, mehr details hierzu z.B. unter:
https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices
Hier der entsprechende HTML Code:
<video id="webcam" controls muted autoplay></video>
<script type="text/javascript">
const video = document.querySelector('#webcam');
window.navigator.mediaDevices.getUserMedia({ video: true })
.then(stream => {
video.srcObject = stream;
video.onloadedmetadata = (e) => {
video.play();
};
})
.catch( () => {
alert('Der Webbrowser hat kein Zugriff auf Webcam bzw. Mikrofon');
});
</script>
