手机调取摄像头问题(getUserMedia)

本文探讨了通过 JavaScript 的 getUserMedia 方法在手机上调用摄像头的挑战,包括苹果设备的不支持、必须使用 HTTPS 安全协议的要求。虽然安卓设备相对简单,但兼容性不佳。此外,介绍了如何选择前置或后置摄像头,并提到微信 API 的限制,指出当前 Web 技术在实现实时 AR 场景上的不足,提出了转向 WebApp 或寻找替代方案的建议。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先说坏消息,苹果机没法玩这个!!!

而且,必须拥有 https 的安全协议!!!

 

而安卓机想完成这个功能倒是很 easy 的,看一眼代码

主要传入三个参数,配置对象,成功,失败

var mediaOpts = {
    audio: false,
    video: true,
}
function successFunc(stream) {
    var video = document.querySelector('video');
    if ("srcObject" in video) {
        video.srcObject = stream
    } else {
        video.src = window.URL && window.URL.createObjectURL(stream) || stream
    }
    video.play();
}
function errorFunc(err) {
    alert(err.name);
}

再使用 getUserMeida 就行了

navigator.getUserMedia(mediaOpts, successFunc, errorFunc);

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值