這篇文章給大家分享的是有關web/html5調用攝像頭實現(xiàn)二維碼掃描效果的方法的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網綜合服務，包含不限于成都網站建設、成都網站設計、興縣網絡推廣、成都小程序開發(fā)、興縣網絡營銷、興縣企業(yè)策劃、興縣品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供興縣建站搭建服務，24小時服務熱線：18980820575，官方網址：www.cdcxhl.com

利用html5（navigator.getUserMedia）調用攝像頭抓拍圖片媒體流，通過php調用java接口解析圖片二維碼，實現(xiàn)二維碼解析，可結合自己的業(yè)務！不過目前支持的瀏覽器不多是個問題。

html/js

	
	




  


       
       

 

開始掃描  
   

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"); // 創(chuàng)建一個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"); // 數(shù)據(jù)傳送 向服務器發(fā)送消息

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

java擴展使用說明

該解析過程需要java環(huán)境支持，jar包啟動后在本機的20147端口接受socket監(jiān)聽，因此網絡編程語言都可以調用。
1 命令行啟動jar包
java -jar xxxxx.jar
啟動成功應該能看到20147端口的應用
2服務socket調用
暫提供php調用代碼

最終效果：

瀏覽器支持情況

感謝各位的閱讀！關于web/html5調用攝像頭實現(xiàn)二維碼掃描效果的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！