我是HTML5的新手。我尝试下面的HTML5代码访问我的手机上的摄像头。它总是显示“本机网络摄像头不支持”。看来我的手机浏览器(safari和android 2.1的网络浏览器)不支持相机。
你能告诉我应该使用哪个浏览器来访问摄像机?
<!doctype html> <html> <head> <Meta charset="utf-8"> <Meta name="viewport" content="width=device-width,maximum-scale=1.0"> <style> body {width: 100%;} canvas {display: none;} </style> <script> var video,canvas,msg; var load = function () { video = document.getElementById('video'); canvas = document.getElementById('canvas'); msg = document.getElementById('error'); if( navigator.getUserMedia ) { video.onclick = function () { var context = canvas.getContext("2d"); context.drawImage(video,240,320); var image = {"demo" : { "type" : "device","image" : canvas.toDataURL("image/png") }}; }; var success = function ( stream ) { video.src = stream; }; var error = function ( err ) { msg.innerHTML = "Error: " + err.code; }; navigator.getUserMedia('video',success,error); } else { msg.innerHTML = "Native web camera not supported :("; } }; window.addEventListener('DOMContentLoaded',load,false); </script> </head> <body> <video id="video" width="240" height="320" autoplay> </video> <p id="error">Click on the video to send a snapshot to the receiving screen</p> <canvas id="canvas" width="240" height="320"> </canvas> </body> </html>
解决方法
原文地址:https://www.jb51.cc/html5/169752.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。