混合开发知识点——原生javascript调用手机摄像头

混合开发知识点——原生javascript调用手机摄像头

1，实现方式 

 1.1，移动客户端代码：

mWebView.loadUrl("file:///android_asset/webcamera.html");

 1.2，html5端代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>GetUserCamera</title>
</head>
<body>
<video id="video" autoplay><ideo>
</body>
<script type="text/javascript">var getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia);getUserMedia.call(navigator, {video: true,audio: true}, function(localMediaStream) {var video = document.getElementById('video');video.src = window.URL.createObjectURL(localMediaStream);video.onloadedmetadata = function(e) {console.log("Label: " + localMediaStream.label);console.log("AudioTracks" , localMediaStream.getAudioTracks());console.log("VideoTracks" , localMediaStream.getVideoTracks());};}, function(e) {console.log('Reeeejected!', e);});
</script><html>