幽灵资源网 Design By www.bzswh.com
XML/HTML Code复制内容到剪贴板
- <!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>
以上这篇h5调用摄像头的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
标签:
h5,调用,摄像头
幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...