怎样使用H5调用摄像头
导读:收集整理的这篇文章主要介绍了怎样使用H5调用摄像头,觉得挺不错的,现在分享给大家,也给大家做个参考。这次给大家带来怎样使用H5调用摄像头,H5调用摄像头的注意事项有哪些,下面就是实战案例,一起来看一下。<!DOCTYPE htML&g...
收集整理的这篇文章主要介绍了怎样使用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调用摄像头的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 怎样使用H5调用摄像头
本文地址: https://pptw.com/jishu/583714.html