您的位置:首页 > Web前端 > JQuery

jQuery视频拍照插件

2015-09-09 12:09 423 查看
[size=medium]webCam操纵的摄像头是一种流行的jQuery视频在线拍照插件[/size]



本文演示了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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: