美文网首页
微信小程序 默认打开前置摄像头,IOS显示问题

微信小程序 默认打开前置摄像头,IOS显示问题

作者: 前端里程 | 来源:发表于2019-06-17 17:16 被阅读0次

    小程序里面现有打开摄像头的方式有两种:
    1、API调用,这个API可以设置直接打开相机,但不能打开的时候默认为前置摄像头。

    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success (res) {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFilePaths
      }
    })
    

    2、小程序camera组件,camera组件可以设置device-position为front默认就是前置摄像头,但这个是一个原生组件,小程序原生组件层级默认为最大,设置z-index都无法覆盖(原生组件使用限制:https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html),你用CSS的height来控制它的显示隐藏在IOS上面就会有问题或者无效,最后我用和hidden这个属性来控制显示隐藏,达到预期的效果。
    注意:camera在我测试中iPhone6Plus 机型上面一直打不开,报错:insertCamera:fail。这个问题一直没解决,如有大神知道解决方法欢迎留言评论指点。

    <camera device-position="front" flash="off" binderror="error" style="width: 100%; height: 300px;"  hidden='{{showCamera}}'></camera>
    

    相关文章

      网友评论

          本文标题:微信小程序 默认打开前置摄像头,IOS显示问题

          本文链接:https://www.haomeiwen.com/subject/chkzfctx.html