怎样使用H5调用摄像头
这次给大家带来怎样使用H5调用摄像头,H5调用摄像头的注意事项有哪些,下面就是实战案例,一起来看一下。
<!DOCTYPE html> <html lang=zh-CN> <head> <meta charset=UTF-8> <title>GetUserMedia实例</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>
相信看了这些案例你已经掌握了方法,更多精彩请关注双恒网络其它相关文章!
相关阅读:
vue.js的语法及常用指令的详解
bootstrap里如何统计table sum的数量
vue.js todolist如何实现
以上就是怎样使用H5调用摄像头的详细内容,更多请关注双恒网络其它相关文章!