three.js OBJLoader回调未执行

Question

我正在尝试加载Blender中生成的.obj模型，然后尝试对其应用代码生成的反射材料。我正在尝试使用此处描述的模式：How to assign a material to ColladaLoader or OBJLoader，但是在我的代码中，回调从未执行。我的代码如下：

<link>

控制台不报告任何错误。输出“ pre-callback”，但不输出。该模型位于项目的根目录中。我正在使用Firefox，并从Node http服务器提供页面，所以这不是CORS问题。

Answer 1

您使用哪个浏览器？由于安全原因相同，Chrome不允许将资源加载到硬盘中。但是，Firefox允许它：

http://localhost:3000/video/pn-video.mp4

您会看到Firefox有一些export default () => { return ( <main> <section className="section-home"> <div className="bg-video"> <video className="bg-video__content" src="./video/pn-video.mp4" autoPlay loop> <source src="./video/pn-video.mp4" type="video/mp4" /> <source src="./video/pn-video.webm" type="video/webm" /> Your browser is not supported! </video> </div> </section> </main> ) } 会在完成时执行。

要了解如何在没有CORS的情况下在任何浏览器上本地运行内容，请参阅Three.js文档中的。