[size=medium][b]webCam操纵的摄像头是一种流行的jQuery视频在线拍照插件[/b][/size]
[img]http://www.sucaihuo.com/jquery/0/38/big.jpg[/img]
本文演示了WEB版在线拍照、上传、显示浏览的功能,ajax交互技术贯穿本文始末,所以该文需要你了解jQuery及webcam拍照的使用和javscript相关知识。
[b]引入webcam.js [/b]
[b]调用摄像头:[/b]
视频在线拍照演示地址:[url]http://www.sucaihuo.com/js/38.html[/url]
[img]http://www.sucaihuo.com/jquery/0/38/big.jpg[/img]
本文演示了WEB版在线拍照、上传、显示浏览的功能,ajax交互技术贯穿本文始末,所以该文需要你了解jQuery及webcam拍照的使用和javscript相关知识。
[b]引入webcam.js [/b]
<script src='http://www.sucaihuo.com/jquery/0/38/demo/webcam.js'></script>
[b]调用摄像头:[/b]
<div id="cam">
<!--调用摄像组件并显示图像-->
webcam.set_api_url('ajax.php');//远程上传图片
webcam.set_quality(100); // 图像质量(1 - 100)
webcam.set_shutter_sound(true); // 拍照时播放声音
document.write(webcam.get_html(320, 240, 160, 120));//输出摄像组件,参数即宽度、高度、上传后宽度、上传后高度
<input type=button value="点击这里拍照" class="btn" onclick="take_snapshot()">
</div>
<div id="results"> <!--显示上传结果--> </div>
视频在线拍照演示地址:[url]http://www.sucaihuo.com/js/38.html[/url]