H5调用摄像头
来源:互联网 发布:mac中如何新建文件夹 编辑:程序博客网 时间:2024/06/04 17:53
html5概念啥的就不废话了,不知道的 百度, 谷歌一堆。。今天学了学html5中的Canvas结合新增的<video>标签来获取本地摄像头,在html5之前,要在浏览器获取本地摄像头只有通过插件(ActiveX,但是这种只有IE支持)或者是flash来获取(或许你没学过flash那就很坑爹了),在之后微软的silvertlight中也可以获取,但这些都比较麻烦,在html5的世界里,要获取本地摄像头,只要配合js就可以轻松获取。。
目前支持html5的浏览器(参考http://www.cnblogs.com/jerry_cong/archive/2011/05/15/2047143.html)
看看主要代码吧:
这个是前台HTML的代码。
下面这个是主要代码了。(jquery)
最后的就是接收经过base64编码之后的图像文件了。
至此B/S通过本地摄像头拍照上传就完成了。HTML5的强大之处,爱不释手了。。。不在像以前需要写一堆烦人的东东了,而且你也可以不用去学flash... 额外说一句,如果您还在用IE6\IE7那您还是别玩html5了...
目前支持html5的浏览器(参考http://www.cnblogs.com/jerry_cong/archive/2011/05/15/2047143.html)
看看主要代码吧:
这个是前台HTML的代码。
下面这个是主要代码了。(jquery)
最后的就是接收经过base64编码之后的图像文件了。
至此B/S通过本地摄像头拍照上传就完成了。HTML5的强大之处,爱不释手了。。。不在像以前需要写一堆烦人的东东了,而且你也可以不用去学flash... 额外说一句,如果您还在用IE6\IE7那您还是别玩html5了...
初出茅庐,欢迎指教!!
原文:http://blog.sina.com.cn/s/blog_75ad9c560101cu3t.html
0 0
- H5调用摄像头
- H5调用本地摄像头
- H5 调用摄像头
- H5 调用摄像头
- 原生H5调用摄像头
- H5调用摄像头
- H5通过input直接调用android摄像头
- h5调用手机相册摄像头以及文件夹
- H5调用摄像头、相册、拨打电话、信息
- H5调用本地摄像头拍摄照片
- h5调用摄像头+拍照+上传图片-----h5+js+ajax
- H5混合开发二维码扫描以及调用本地摄像头
- H5移动端调用底层接口的一些使用方法-01调用系统的摄像头
- H5调用手机的摄像头拍照上传以及手机相册选取照片
- Atititjs h5调用摄像头视频聊天 拍照功能 相机功能 录像attilax总结
- H5实现调用本地摄像头实现实时视频以及拍照功能
- 调用摄像头
- 调用摄像头
- 链表类常见算法题总结
- Offline API documentation sets
- CodeForces598ATric(数学,求和)
- 初识压缩感知 compressive sensing
- Android中短信发送与接受
- H5调用摄像头
- 完整AdaBoost算法
- LeetCode - 160. Intersection of Two Linked Lists
- cocos creater阅读笔记
- 康康准备了 M 斤的食物, 准备跟舍长交换哲学之宝 ♂
- javascript中defer的作用
- 数据库事务的四个基本性质(ACID)?
- While swimming at the beach, Mike has accidentally dropped his cellphone into the water. There was n
- Nginx 在 Windows 平台上编译