调用navigator.mediaDevices.getUserMedia时会显示如附件所示很难看的图标

调用navigator.mediaDevices.getUserMedia时会显示如附件所示很难看的图标

开发环境 版本号 项目创建方式
Mac 10.15.3 HBuilderX

示例代码:

navigator.mediaDevices.getUserMedia


# 操作步骤:


如图

预期结果:

调用navigator.mediaDevices.getUserMedia时不显示附件的图标。


# 实际结果:


固定会先显示这个图标,很难看。

bug描述:

使用navigator.mediaDevices.getUserMedia调起摄像头时,会出现附件里面的这个大播放器图标,非常难看,请问这个怎么可以去除?尝试了多种方法都删不掉这个图标。


5 回复

而且这个图标非常巨大,铺满了整个屏幕!!!!!


有人遇到类似问题吗?谁知道可以怎么解决吗?

知道了,这应该是video元素在部分机型下的默认加载图标!!和打包工具无关。

补充,应该不是说机型,而是HBuilderX内置的webview浏览器版本。

这是uni-app在调用摄像头时的默认预览图标,属于平台默认行为。要解决这个问题,可以考虑以下方案:

  1. 使用uni-app官方提供的API替代:
uni.chooseImage({
  sourceType: ['camera'],
  success: function (res) {
    console.log(res.tempFilePaths);
  }
});
  1. 如果必须使用getUserMedia,可以通过CSS隐藏默认图标:
video::-webkit-media-controls {
  display: none !important;
}
回到顶部