公告列表
公告列表
收藏
回答

ios不能正常打开摄像头，显示模型

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug Android 1111 oppo 11111

在小程序中通过标签加入的H5页面，页面中使用js语言，添加了模型，并且请求获取了摄像头的权限。当使用安卓手机打开小程序时，手机可以打开摄像头，显示模型。当用苹果手机打开小程序的时候，不能显示模型，打开摄像头。希望得到帮助。需要实现的效果是：安卓，苹果手机打开摄像头的时候，都可以打开摄像头，显示模型。图一为安卓正常显示，图二为苹果显示

var opt = { audio: false, //open the chrome video: { width: document.body.clientWidth, height: document.body.clientHeight //window.innerHeight - 浏览器窗口的内部高度 //width: 720, // height: 1080 } }; navigator.mediaDevices.getUserMedia(opt)//浏览器 访问设备摄像头提示 .then(function (mediaStream) { //成功回调媒体对象 var video = document.querySelector('video');//获取DOM元素 video.srcObject = mediaStream; video.onloadedmetadata = function (e) {//onloadedmetadata 指定视频/音频video的元数据加载后触发 video.play(); }; }) .catch(function (err) { console.log(err.name + ": " + err.message); }); // always check for errors at the end.
回答关注问题邀请回答
收藏

2 个回答

  • en
    en
    2021-01-12

    大哥，我现在也遇到这个问题，ios下无法打开摄像头，请问你解决了？


    2021-01-12
    有用
    回复
  • Maverick
    Maverick
    2019-05-17

    tip：每个页面只能有一个 <web-view>，<web-view> 会自动铺满整个页面，并覆盖其他组件。


    你这个模型用小程序的canvas实现吧。

    2019-05-17
    有用
    回复 6
    • 2019-05-17

      <view class="container">

      <web-view src="https://www.ffimar.com/"></web-view>

      </view>

      应为小程序不支持js,所以我这个页面是这个地址里面的东西。

      2019-05-17
      赞
      回复
    • Maverick
      Maverick
      2019-05-17回复

      小程序不支持js？小程序开发用的就是js。

      你这个web-view完全没必要用container包起来，web-view自动铺满全屏，其他标签没有意义。

      你这个页面里的模型我看了，就是three.js实现的。

      基础库2.7.0canvas已经支持WebGL了，在小程序中用three.js应该没太大问题。

      总而言之，用web-view肯定是不行的，web-view中的内容随时可以改，让你用web-view搞“混合开发”，小程序的审核还有什么意义。

      2019-05-17
      赞
      回复
    • 2019-05-17

      这个是你们官方的案例，视加AR的小程序模板。你们官方webgl示例代码是这个样子已经更新了最新版的开发工具.你那边是否可以提供使用three.js开发的案例呢

      2019-05-17
      赞
      回复
    • Maverick
      Maverick
      2019-05-17回复

      我不是官方，控制台的提示不是很清楚吗，开发者工具不支持，你要用真机测试。

      2019-05-17
      赞
      回复
    • 2019-05-17回复Maverick

      不好意思啊，真机测试是空白，预览的时候是个黑框，看不到效果

      2019-05-17
      赞
      回复
    查看更多(1)
请 登录 后发表内容
相关问题
相关文档