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
分享到:
相关推荐
自己编写的jQuery实现图片取景器仿相机拍照功能的插件photoShoot小工具。。对你有帮助就好。。。
jQuery Webcam这个插件为直接在JavaScript中与摄像头通信提供了一个透明的访问层。它通一个SW文件与摄像头交互,可以显示Webcam输出和捕捉图象。如果有多个摄像头,它可以显示可用的摄像头列表,然后供用户选择其中...
使用基于jQuery开发的webcam插件,能够实现网页调用摄像头拍照
jQuery Webcam Plugin 网页摄像头拍照插件Flash文件 jscam_600x400.swf
jQuery Webcam Plugin 网页摄像头拍照插件Flash文件 jscam_360x300.swf
jQuery Webcam Plugin 网页摄像头拍照插件Flash文件 jscam_400x300.swf
jQuery Webcam Plugin 网页摄像头拍照插件Flash文件 jscam_180x240.swf
28. jQuery实现图片取景器仿相机拍照功能的插件photoShoot 29. jQuery实现图片变色特效插件与实例下载如jquery图片变灰色 30. jquery实现图片可拖动展示的实例下载 31. jQuery实现拖动滚动条的缩略图排列插件...
28. jQuery实现图片取景器仿相机拍照功能的插件photoShoot 29. jQuery实现图片变色特效插件与实例下载如jquery图片变灰色 30. jquery实现图片可拖动展示的实例下载 31. jQuery实现拖动滚动条的缩略图排列插件下载...
利用jquery的jcrop插件对拍摄的照片进行剪切 预览 design里有jcrop的demo 还有.php的实现代码 .NET工程里有 C# 和 .htm版的 反转还有些问题 剪切能实现了的 启动-->拍照-->鼠标移到对应图上剪切-->最终图
jQuery实现图片取景器仿相机拍照功能的插件photoShoot jQuery实现图片变色特效插件与实例下载如jquery图片变灰色 jquery实现图片可拖动展示的实例下载 jQuery实现拖动滚动条的缩略图排列插件下载 jQuery实现焦点图片...
jquery特效插件,模仿照相机特效。高端大气上档次。
index.html是操作的API内容,使用photobooth_min.js即可完成功能
摄像头方案--JQuery WebCamera调用摄像头,采用的JQuery的插件,用的flash,canvas控件等,保证摄像头能捕获图像视频,可以自添加拍照功能,展示到canvas控件上。
html5+jquery以手机相册或相机拍照方式来获取图片,并对图片压缩、缩放、裁剪,与微信上传头像类似,封装了类,配置简单,进入myDemo/index.html可运行,已测试ok。
28. jQuery实现图片取景器仿相机拍照功能的插件photoShoot 29. jQuery实现图片变色特效插件与实例下载如jquery图片变灰色 30. jquery实现图片可拖动展示的实例下载 31. jQuery实现拖动滚动条的缩略图排列插件下载...
28.jQuery实现图片取景器仿相机拍照功能的插件photoShoot 29.jQuery实现图片变色特效插件与实例下载如jquery图片变灰色 30.jquery实现图片可拖动展示的实例下载 31.jQuery实现拖动滚动条的缩略图排列插件下载...
jquery插件jquery.webcam 实现拍照功能