网站建设资讯

NEWS

网站建设资讯

web/html5调用摄像头实现二维码扫描效果的方法

这篇文章给大家分享的是有关web/html5调用摄像头实现二维码扫描效果的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站建设、成都网站设计、兴县网络推广、成都小程序开发、兴县网络营销、兴县企业策划、兴县品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供兴县建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com

利用html5(navigator.getUserMedia)调用摄像头抓拍图片媒体流,通过php调用java接口解析图片二维码,实现二维码解析,可结合自己的业务!不过目前支持的浏览器不多是个问题。

html/js



	HTML5 code Reader
	




  


php(saveimg)

php(utils)

 class  utils{
 	
	/**
     	* @access static
     	* @param  $imagepath String 图片的完整路径
	* @param  $host      String 主机如:127.0.0.1
	* @param  $port      String 端口号如:20147
     	* @return string 解析出的URL
    	*/
	static function deCodeBitMap($imagepath,$host,$port){
		$socket = socket_create(AF_INET, SOCK_STREAM, SOL_TCP) or die($imagepath." Could not connet server create\n"); // 创建一个Socket
		if(!$socket){
			return "";
		}
		$connection = socket_connect($socket, $host, $port) or die($imagepath." Could not connet server connection\n");    //  连接
		if(!$connection){
			return "";
		}
		socket_write($socket, $imagepath) or die("Write failed\n"); // 数据传送 向服务器发送消息

		$buff = socket_read($socket, 1024, PHP_NORMAL_READ);
		return $buff;
	}
	
 }

java扩展使用说明

该解析过程需要java环境支持,jar包启动后在本机的20147端口接受socket监听,因此网络编程语言都可以调用。
1 命令行启动jar包
java -jar xxxxx.jar
启动成功应该能看到20147端口的应用
2服务socket调用
暂提供php调用代码

最终效果:

web/html5调用摄像头实现二维码扫描效果的方法

浏览器支持情况

web/html5调用摄像头实现二维码扫描效果的方法

感谢各位的阅读!关于web/html5调用摄像头实现二维码扫描效果的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!


网站标题:web/html5调用摄像头实现二维码扫描效果的方法
文章起源:http://njwzjz.com/article/pishih.html