A-Frame 中是否有最大的视频纹理分辨率？答案

【问题标题】：Is there a maximum video texture resolution in A-Frame?A-Frame 中是否有最大的视频纹理分辨率？
【发布时间】：2020-06-16 11:15:36
【问题描述】：

我有一个视频球体，我想在其上映射一个高分辨率 (5100 x 2550 像素) 视频纹理。

<video
        id="my-video"
        preload="auto"
        src="./assets/video/video.mp4"
        crossorigin="anonymous"
        playsinline
        webkit-playsinline
      ></video>

...

 <a-videosphere play-on-click id="skyVideo" rotation="-30 0 0" src="#my-video" class="cantap">
    </a-videosphere>

当我加载高分辨率视频时，视频球是黑色的，并且出现以下错误： WebGL Error 501

当我将视频纹理缩小到 2560 x 1280 时，视频球体按预期显示纹理，没有错误。

AFrame 或 three.js 中是否有我不知道的最大纹理分辨率？

【问题讨论】：

标签： three.js webgl aframe

【解决方案1】：

限制不是由 A-Frame 或 Three.js 决定的，而是由 WebGL 和您的显卡功能决定的。转到https://webglreport.com/ 并查看Textures > Max Texture Size 字段以查看您使用的设备可以处理什么。我的笔记本电脑最高为 8192，我的手机更低，但我的台式机更高。它因您的 GPU 而异。我的猜测是你的机器最高可达 4096。

您可以在 Three.js 中使用WebGLRenderer.capabilities.maxTextureSize、as outlined in the docs 获取此值，以便您可以在不同设备上读取此值并进行相应调整。也许您想根据限制指出较低的 rez 视频。

【讨论】：