A帧有最高的视频纹理分辨率吗？ [英] Is there a maximum video texture resolution in A-Frame?

问题描述

我有一个视频球体，我想映射一个高分辨率(5100 X 2550px)的视频纹理到它上面。

<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中是否有我不知道的最大纹理分辨率？

推荐答案

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

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

这篇关于A帧有最高的视频纹理分辨率吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！