插件描述：移动端网页获取网络摄像头
注：意请在手机上预览，PC无效果
使用方法
首先, 包括 Webcam.js JavaScript
<script type="text/javascript" src="../webcam.min.js"></script>
html
<div id="results">您拍摄的图像将显示在此处..。</div>
配置一些设置并连接相机
<script language="JavaScript">
Webcam.set({
width: 320,
height: 240,
image_format: 'jpeg',
jpeg_quality: 90
});
Webcam.attach('#my_camera');
</script>用于处理拍摄快照并在本地显示的代码
<script language="JavaScript">
function take_snapshot() {
// take snapshot and get image data
Webcam.snap(function(data_uri) {
// display results in page
document.getElementById('results').innerHTML =
'<h2>Here is your image:</h2>' +
'<img src="' + data_uri + '"/>';
});
}
</script>
PREVIOUS:
NEXT:
相关插件-图像
jquery.photoClip图片裁剪添加旋转 缩放按钮功能
项目上用的jquery.photoClip 插件，为了更好的用户体验 需要添加 旋转 缩放按钮功能，所以在原有的基础上添加了点功能，希望能帮助各位，写的不好 海涵！
图像
讨论这个项目（18）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
じ☆①仟零①液... 0
2021/3/31 17:35:11
-
感谢楼主提供！
如何做扫码解析啦？
还有视频怎么弄才全屏自适应的？
西瓜0
2021/3/31 20:41:29
扫码解析请参考
https://www.jq22.com/jquery-info23556
Zhang01 0
2020/12/3 13:50:38
-
请问这个方法怎么调用后摄像头？？？
- -！0
2021/11/20 3:25:24
-
我也想知道
じ☆①仟零①液...0
2022/7/17 21:43:23
-
解决了没有？我也想知道。
じ☆①仟零①液...1
2022/7/18 8:36:38
我实现了，分享给大家。
$(function () {
Webcam.set({
width: 320,
height: 320,
image_format: 'png',
jpeg_quality: 300,
constraints:{
facingMode: 'environment'
}
});
Webcam.attach('#camera');
window.setInterval("scan()", 5000);
});
じ☆①仟零①液...1
2022/7/18 8:38:01
就加这句：
constraints:{
facingMode: 'environment'
}
じ☆①仟零①液...0
2022/7/18 9:12:58
-
有个问题，我用来做扫一扫，不能自动聚焦，识别起来费力。
mike8625 0
2019/5/27 9:45:55
-
根本无效,微信和手机自带的浏览器都不行,现在手机上基本没有能打开摄像头的方法,除非你是用input调用相机,想在自己页面上调用摄像头,99%的浏览器是做不到的.就记得以前uc浏览器可以,不知道现在还行不行
西瓜0
2019/5/27 10:37:32
iphone下微信，chrome浏览器测试，可以打开照相机拍照并获取照片。不知道你用的什么手机测试的？
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
