概述
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调用摄像头的实现方法的全部内容,希望文章能够帮你解决h5调用摄像头的实现方法所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复