Advertisement

JavaScript驱动本地摄像头功能

阅读量:

今日尝试了JavaScript调用本地摄像头的功能,实际操作过程并不复杂,以下是相关代码部分。将代码连接至Tomcat服务器后,通过网页即可查看实际效果。不妨亲自体验一下吧!

复制代码
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset=utf-8" /> 
    <title></title>
    <style>
    video {
    border: 1px solid #ccc;
    display: block;
    margin: 0 0 20px 0;
    float:left;
    }
    canvas {
    margin-top: 20px;
    border: 1px solid #ccc;
    display: block;
    }
    </style>
    </head>
    <body>
    <video width="640" height="480" id="myVideo"></video>
    <canvas width="640" height="480" id="myCanvas"></canvas>
    <button id="myButton">截图</button>
    <b

全部评论 (0)

还没有任何评论哟~