科普網址:

H5如何生成安卓組件對象
H5調用安卓本地攝像頭api
在線二維碼圖片生成器

二維碼掃描:(使用的是mui的框架,下面是html代碼)

 !doctype html  html  head  meta charset= UTF-8  title /title  meta name= viewport content= width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no /  link href= css/mui.min.css rel= stylesheet /  script src= js/mui.min.js /script  style type= text/css  #bcid{  width: 100%;  height: 100%;  position: absolute;  background: #000000;  html, body ,p{  height:100%;  width: 100%;  .fbt{  color: #0E76E1;  width: 50%;  background-color: #ffffff;  float: left;  line-height: 44px;  text-align: center;  /style  /head  body  header >
下面是包結構:開發工具是hbuilder
mui.plusReady函數主要是初始化作用
 
startRecognize()是開啟掃描二維碼的功能
onerror是錯誤提示
onmarked是重點，是二維碼掃描后的回調函數，type是二維碼識別類型，result是二維碼回調的內容
scanPicture()可以直接識別本地的二維碼圖片并進行解析
H5調用本地攝像頭

 !DOCTYPE html  html  head  meta charset= utf-8  meta name= viewport content= width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no /  title /title  script src= js/mui.min.js /script  link href= css/mui.min.css rel= stylesheet /  script type= text/javascript charset= utf-8  document.addEventListener( plusready , function(){ mui.init(); function getCamera(){ var cam = plus.camera.getCamera(); //字符串數組,攝像頭支持的拍照分辨率 var Resolutions = cam.supportedImageResolutions[0]; //字符串數組,攝像頭支持的拍照文件格式 var Formats = cam.supportedImageFormats[0]; //調用拍照方法 //capturedFile,拍照完成后，照片的存放地址 cam.captureImage(function(capturedfile){ //拍照成功 alert(capturedfile);//打印一下 },function(){ //拍照失敗 //拍照參數 format : Formats, index : 1//1表示主攝像頭，2表示輔攝像頭 var Resolutions = cam.supportedImageResolutions[0]; //字符串數組，攝像頭支持的拍照文件格式 var Formats = cam.supportedImageFormats[0]; //調用拍照方法 //capturedFile,拍照完成后，照片的存放地址 cam.captureImage(function(capturedFile){ //拍照成功 alert(capturedFile);//打印一下 //調用系統方法,根據照片地址獲取照片 plus.io.resolvLocalFileSystemURL(capturedFile, //成功的回調函數 //entry文件的相關信息 function(entry){ var img = document.createElement( img  img.src = entry.toLocalURL(); document.documentElement.appendChild(img); },function(){ //失敗的回調函數 /script  /head  body  button quot;getCamera() 照相 /button  /body  /html 
 
mui.init();是mui框架初始化
getCamera()方法是先生成camera對象，然后進行拍照，拍照完把圖片生成圖片路徑打印出來
大家學會了嗎，感覺動手嘗試一下吧。
相關推薦：
PHP如何實現二維碼識別-實例分享
二維碼生成之在TP5中的封裝
用插件實現二維碼生成筆記
以上就是HTML5混合開發二維碼掃描以及調用本地攝像頭實例教程的詳細內容，其它編程語言        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。