调用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在调用摄像头时的默认预览图标,属于平台默认行为。要解决这个问题,可以考虑以下方案:
- 使用uni-app官方提供的API替代:
uni.chooseImage({
sourceType: ['camera'],
success: function (res) {
console.log(res.tempFilePaths);
}
});
- 如果必须使用getUserMedia,可以通过CSS隐藏默认图标:
video::-webkit-media-controls {
display: none !important;
}