在移动设备上使用 AR.js 时，相机变焦太多

Question

这是我正在使用的代码。

当我尝试从我的手机加载此文件时，相机变焦太多。

就像当我试图在笔记本电脑屏幕上显示图像时，相机放大太多以至于我无法正确显示正确的图像，从而无法通过 NFT 标记识别图像

  <body style="margin : 0px; overflow: hidden;">
     <a-scene
      vr-mode-ui="enabled: false;"
    renderer="logarithmicDepthBuffer: true;"
    embedded
    arjs="trackingMethod: best; sourceType: webcam;debugUIEnabled: false;">


      <a-nft
        registerevents
        type="nft"
        url="/custom/generic/assests/nft/vc/vc"
        smooth="true"
        smoothCount="10"
        smoothTolerance=".01"
        smoothThreshold="5">

            <a-text id="click_to_play_txt" position="17.06761 44.59457 5.43027" scale="20 20 1" text="color: #000" value="Click to play Video"></a-text>
        </a-nft>
        <a-entity camera></a-entity>
  </a-scene>
</body>
</body>
</html>

Answer 1

根据我遇到的问题"the camera zooms too much"，是浏览器设置问题

在我的例子中：Google Chrome 移动 > 设置 > 辅助功能。取消选中 Force Enable Zoom 并且 Text Scaling <= 100%

在移动设备上使用 AR.js 时，相机变焦太多

When using AR.js on mobile the camera zooms too much

javascript

html

augmented-reality

aframe

ar.js