Ⅰ 手機web頁面怎麼調用攝像頭執行掃描，獲取數據
可以用手機中的微信掃一掃或是下載一些其它的掃描二維碼軟體。
Ⅱ 用webview做的android客戶端怎樣調用攝像頭拍照
在web操作的話，這個只能調用flash的方式來啟用客戶端攝像頭了
Ⅲ 如何html5在瀏覽器里訪問手機後置攝像頭
html5需要使用介面chrome30+ for android 已經實現了利用webcam，調用手機後置攝像頭，代碼如下：
<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HTML5GetUserMediaDemo</title>
<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0"/>
</head>
<body>
<inputtype="button"title="開啟攝像頭"value="開啟攝像頭"onclick="getMedia();"/><br/>
<videoheight="120px"autoplay="autoplay"></video><hr/>
<inputtype="button"title="拍照"value="拍照"onclick="getPhoto();"/><br/>
<canvasid="canvas1"height="120px"></canvas><hr/>
<inputtype="button"title="視頻"value="視頻"onclick="getVedio();"/><br/>
<canvasid="canvas2"height="120px"></canvas>
<scripttype="text/javascript">
varvideo=document.querySelector('video');
varaudio,audioType;
varcanvas1=document.getElementById('canvas1');
varcontext1=canvas1.getContext('2d');
varcanvas2=document.getElementById('canvas2');
varcontext2=canvas2.getContext('2d');
navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;
window.URL=window.URL||window.webkitURL||window.mozURL||window.msURL;
varexArray=[];//存儲設備源ID
MediaStreamTrack.getSources(function(sourceInfos){
for(vari=0;i!=sourceInfos.length;++i){
varsourceInfo=sourceInfos[i];
//這里會遍歷audio,video，所以要加以區分
if(sourceInfo.kind==='video'){
exArray.push(sourceInfo.id);
}
}
});
functiongetMedia(){
if(navigator.getUserMedia){
navigator.getUserMedia({
'video':{
'optional':[{
'sourceId':exArray[1]//0為前置攝像頭，1為後置
}]
},
'audio':true
},successFunc,errorFunc);//success是獲取成功的回調函數
}
else{
alert('Nativedevicemediastreaming(getUserMedia)notsupportedinthisbrowser.');
}
}
functionsuccessFunc(stream){
//alert('Succeedtogetmedia!');
if(video.mozSrcObject!==undefined){
//Firefox中，video.mozSrcObject最初為null，而不是未定義的，我們可以靠這個來檢測Firefox的支持
video.mozSrcObject=stream;
}
else{
video.src=window.URL&&window.URL.createObjectURL(stream)||stream;
}
//video.play();
//音頻
audio=newAudio();
audioType=getAudioType(audio);
if(audioType){
audio.src='polaroid.'+audioType;
audio.play();
}
}
functionerrorFunc(e){
alert('Error！'+e);
}
//將視頻幀繪制到Canvas對象上,Canvas每60ms切換幀，形成肉眼視頻效果
functiondrawVideoAtCanvas(video,context){
window.setInterval(function(){
context.drawImage(video,0,0,90,120);
},60);
}
//獲取音頻格式
functiongetAudioType(element){
if(element.canPlayType){
if(element.canPlayType('audio/mp4;codecs="mp4a.40.5"')!==''){
return('aac');
}elseif(element.canPlayType('audio/ogg;codecs="vorbis"')!==''){
return("ogg");
}
}
returnfalse;
}
//vedio播放時觸發，繪制vedio幀圖像到canvas
//video.addEventListener('play',function(){
//drawVideoAtCanvas(video,context2);
//},false);
//拍照
functiongetPhoto(){
context1.drawImage(video,0,0,90,120);//將video對象內指定的區域捕捉繪制到畫布上指定的區域，實現拍照。
}
//視頻
functiongetVedio(){
drawVideoAtCanvas(video,context2);
}
</script>
</body>
</html>
HTML5 The Media Capture API提供了對攝像頭的可編程訪問，用戶可以直接用getUserMedia獲得攝像頭提供的視頻流。但實際上用html5調用手機攝像頭存在很多問題：
1）谷歌的發布的Chrome到了21版本後，才新增了一個用於高質量視頻音頻通訊的getUserMedia API，該API允許Web應用程序訪問攝像頭和麥克風,其他手機瀏覽器只有opera支持html5調用本地拍照功能
2）兩個瀏覽器均不支持訪問多個攝像頭：chrome不支持訪問後置攝像頭，pera支持訪問後置攝像頭的
Ⅳ html5或者JS怎樣調用手機攝像頭或者相冊
你給的網頁用的是 <input accept="image/*" type="file">，在IOS端點擊時會提示選擇圖片或相機，安卓端要看瀏覽器對這兩個屬性的優化，部分瀏覽器會直接跳轉到資源管理器，優化做得好的可以直接提示選擇相冊或相機。
Ⅳ 手機網頁（html5） 如何調用手機的攝像頭和相冊
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>web RTC 測試</title>
<style>
.booth {
width:400px;
background:#ccc;
border: 10px solid #ddd;
margin: 0 auto;
}
</style>
</head>
<body>
<div>
<video id="video" width="400" height="300"></video>
<button id='tack'> snap shot</button>
<canvas id='canvas' width='400' height='300'></canvas>
<img id='img' src=''>
</div>
<script>
var video = document.getElementById('video'),
canvas = document.getElementById('canvas'),
snap = document.getElementById('tack'),
img = document.getElementById('img'),
vendorUrl = window.URL || window.webkitURL;
//媒體對象
navigator.getMedia = navigator.getUserMedia ||
navagator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia;
navigator.getMedia({
video: true, //使用攝像頭對象
audio: false //不適用音頻
}, function(strem){
console.log(strem);
video.src = vendorUrl.createObjectURL(strem);
video.play();
}, function(error) {
//error.code
console.log(error);
});
snap.addEventListener('click', function(){
//繪制canvas圖形
canvas.getContext('2d').drawImage(video, 0, 0, 400, 300);
//把canvas圖像轉為img圖片
img.src = canvas.toDataURL("image/png");
})
</script>
</body>
</html>
Ⅵ Hbuilder web頁面在手機里能調用攝像頭嗎
如果是在手機端用瀏覽器運行的那種，那還是web只不過是在移動端運行，這種不能調用攝像頭。
如果開發的的webApp打包成的APP，是可以調用的。
Hbuilder打包有兩種，一種源生APP一種webApp