芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/kwesioben.com/webcam/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Webcam Control</title>
    <style>
        #permissionMessage {
            display: none;
            color: red;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>Turn On Webcam</h1>
    <button id="webcamButton">Turn On Webcam</button>
    <video id="webcam" width="640" height="480" autoplay></video>
    <p id="permissionMessage">Please grant webcam access in the permission dialog that appears.</p>

<script>
        document.getElementById('webcamButton').addEventListener('click', function() {
            document.getElementById('permissionMessage').style.display = 'block';
            // Check if the browser supports getUserMedia
            if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
                navigator.mediaDevices.getUserMedia({ video: true })
                .then(function(stream) {
                    // Attach the video stream to the video element
                    var video = document.getElementById('webcam');
                    video.srcObject = stream;
                    document.getElementById('permissionMessage').style.display = 'none';
                })
                .catch(function(error) {
                    console.error("Error accessing webcam: ", error);
                    document.getElementById('permissionMessage').innerText = 'Error accessing webcam: ' + error.message;
                });
            } else {
                alert('Your browser does not support accessing the webcam.');
            }
        });
    </script>
</body>
</html>