jQuery视频拍照插件

webCam操纵的摄像头是一种流行的jQuery视频在线拍照插件



本文演示了WEB版在线拍照、上传、显示浏览的功能，ajax交互技术贯穿本文始末，所以该文需要你了解jQuery及webcam拍照的使用和javscript相关知识。

引入webcam.js

<script src='http://www.sucaihuo.com/jquery/0/38/demo/webcam.js'></script>

调用摄像头：

<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>

视频在线拍照演示地址：http://www.sucaihuo.com/js/38.html