超级会员免费看
本例利用 webkitGetUserMedia 方法调用本机的摄像头拍照，该方法是基于 Webkit 内核浏览器专用的。下面先看一下效果。
点击页面右下角的按钮，会弹出一个保存对话框，可以将摄像头当前的图像保存成一个 png 格式的图像。
下面先看一下本例的实现代码。
- index.html
<html>
<head>
<title>拍照</title>
<link href="index.css" rel="stylesheet" />
<link rel="stylesheet" href="css/font-awesome.min.css">
<script src="event.js"></script>
</head>
<body>
<!--用于实时显示摄像头拍到的影像-->
<canvas width="800" height="600"></canvas>
<!--真正的播放摄像头排到的影像-->
<video autoplay></video>
<!-- 保存按钮 -->
<div id="takePhoto" onclick="takePho
订阅专栏 解锁全文
1062
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
