ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript调用摄像头

2021-04-19 09:34:35  阅读:1446  来源: 互联网

标签:调用 facingMode localStream javascript camera video modal 摄像头


const facecamera = { video: { width: 1600, height: 1200, facingMode: "user" } }; // 面部摄像头
const backcamera = { video: { width: 1600, height: 1200, facingMode: "environment" } }; // 背部摄像头
if( modal_camera.localStream == null ) try { modal_camera.localStream = navigator.mediaDevices.getUserMedia(backcamera); } catch (e) { }
if( modal_camera.localStream == null ) try { modal_camera.localStream = navigator.mediaDevices.getUserMedia(facecamera); } catch (e) { }
if( modal_camera.localStream != null ){
    modal_camera.localStream.then(function(stream){
        console.log(stream);
        modal_camera.video.srcObject = stream;
        modal_camera.video.play();
    }).catch(function(error){
        console.log(error.name);
    });
}

在调用摄像头时,需要注意facingMode属性的写法,当前方式可以支持windows平板电脑摄像头的调用,如果写成以下方式,则有可能会发生错误。

facingMode: { exact: "environment" }

 

标签:调用,facingMode,localStream,javascript,camera,video,modal,摄像头
来源: https://www.cnblogs.com/diehuacanmeng/p/14675516.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有