js调用本地摄像头demo

最新推荐文章于 2024-07-27 22:26:20 发布

原创

最新推荐文章于 2024-07-27 22:26:20 发布 · 1.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#js #摄像头

效果：

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TEST DEMO</title>
</head>
<body>
<div id="main" style="margin-left:10px;overflow-y:scroll;">
    <div>
        <div>
            <div>
                <video style="width:250px;height:250px;border:5px solid black;"></video>
                <img id="picture" style="width:250px;height:250px;border:5px solid black;">
                <canvas id="canvas" style="display: none;width:250px;height:250px"></canvas>
                <button onclick="cameraForm.save()">拍摄</button>
                <button onclick="cameraForm.close()">关闭摄像头</button>
                <button onclick="cameraForm.open()">开启摄像头</button>