收藏
回答

微信内部分安卓手机用webview加载的h5 摄像头显示白屏

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug Android 鸿蒙 2.0.0.166 华为Mate 30 8.0.11
现象:

部分安卓手机,微信内打开h5 无法正常显示摄像头的效果,
但是用手机自带的浏览器能正常打开浏览器的效果,demo在最下面


目前大致核心的代码片段:

navigator.mediaDevices.getUserMedia({
    video: true,
    audio: true
}).then(function(stream) {
    var video = document.getElementById('video');
    try {
       window.stream = stream;
       video.srcObject = stream;
    } catch (error) {
       video.src = window.URL.createObjectURL(stream);
    }
});

有问题的机型:

华为Mate 30(鸿蒙系统166版本) 、oppo reno4pro、vivo x7 plus、oppo A32



demo:

https://yx.beisong100.com/newh5v2/index.html

最后一次编辑于  2021-09-08
回答关注问题邀请回答
收藏

3 个回答

  • Victor
    Victor
    2021-11-03

    各位,此问题是由于安卓微信现在不允许自动播放了,用户不操作界面,autoplay不生效。解决方案是:放出video的控件,controls=true,然后手动点击播放。或者放个有播放按钮的图片遮住video,引导用户点击图片,在点击事件里面调用video的play方法播放,第一次触发之后,后面就能autoplay了。 可以看看我们的项目:https://sdk.cloudroom.com/web/webrtc/meetingDemo/m_index.html ,安卓微信里面打开,什么都不用填,点击 创建房间 即可;

    2021-11-03
    有用
    回复
  • zl
    zl
    2021-10-27

    现在大部分手机打开摄像头黑屏 这里提供一些打开摄像头后黑屏的useragent,没有任何异常信息

    Mozilla/5.0 (Linux; Android 11; PDSM00 Build/RP1A.200720.011; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/89.0.4389.72 MQQBrowser/6.2 TBS/045811 Mobile Safari/537.36 MMWEBID/6804 MicroMessenger/8.0.15.2020(0x28000F3D) Process/tools WeChat/arm64 Weixin NetType/WIFI Language/zh_CN ABI/arm64

    Mozilla/5.0 (Linux; Android 10; OXF-AN10 Build/HUAWEIOXF-AN10; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/89.0.4389.72 MQQBrowser/6.2 TBS/045811 Mobile Safari/537.36 MMWEBID/7847 MicroMessenger/8.0.15.2020(0x28000F3D) Process/tools WeChat/arm64 Weixin NetType/WIFI Language/zh_CN ABI/arm64

    Mozilla/5.0 (Linux; Android 10; BKL-AL20 Build/HUAWEIBKL-AL20; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/89.0.4389.72 MQQBrowser/6.2 TBS/045811 Mobile Safari/537.36 MMWEBID/4405 MicroMessenger/8.0.15.2020(0x28000F3D) Process/tools WeChat/arm64 Weixin NetType/4G Language/zh_CN ABI/arm64

    还有很多其他的机型都打不开现在这个概率越来越高了

    2021-10-27
    有用
    回复
  • 艺训通
    艺训通
    2021-09-11

    华为手机都这样,不知道什么原因

    2021-09-11
    有用
    回复
登录 后发表内容