如何使用一些 Js lib 在 html 页面中播放或查看 .FBX 文件
Posted
技术标签:
【中文标题】如何使用一些 Js lib 在 html 页面中播放或查看 .FBX 文件【英文标题】：How can I play or view .FBX file in html Page using some Js lib 【发布时间】：2018-11-25 04:14:13 【问题描述】：我正在尝试在我的 html 页面中播放或查看 3D 模型，目前我只能使用 javascript 播放 .Obj 文件，有什么方法可以在我的页面中查看 .Fbx 模型，我正在搜索几个小时但没有任何工作，我也尝试使用 Three.js 但 .fbx 不工作请帮助！
【问题讨论】：
可以为此使用three.js 和THREE.FBXLoader。请看下面的例子：threejs.org/examples/webgl_loader_fbx.html
这就是为什么最好为您的 FBX 模型提供实时代码示例。
【参考方案1】：
参考：http://download.autodesk.com/us/fbx/2013/FBXforQT/index.html?url=files/GUID-06AEDF68-DB24-4818-95D5-1CF7458E051B.htm,topicNumber=d30e707
在网页上嵌入 FBX 文件
通过将指向 FBX 文件的 JavaScript 文件添加到网站根目录来执行此操作。
为此，您必须在页面的索引中添加以下三项内容：
-
启动 FBX for QuickTime 查看器的 JavaScript 文件
引用 JavaScript 文件的 HTML 代码
FBX 文件
修改网页以便它可以使用 FBX for QuickTime 查看器显示 FBX 文件：
-
从here 下载 AC_QuickTime.js JavaScript 代码。 请注意，参考网站上未提及此链接，因此我通过谷歌搜索找到了它。
您将在网页上使用此脚本来启动 FBX for QuickTime 查看器。
使用网页编辑器，访问要嵌入 FBX 文件的网页的索引。
编写以下 HTML 代码。此代码指向您下载的 JavaScript 文件：
<html>
<head>
<title>Embedded FBX QuickTime movie in a web page</title>
<script src="AC_QuickTime.js" language="JavaScript" type="text/javascript"></script>
</head>
<body bgcolor="#6699FF">
<h1>Embedded FBX file in a web page</h1>
<div/>
<script language="JavaScript" type="text/javascript">
QT_WriteOBJECT_XHTML('Tester.FBX', '800', '600', '',
'autoplay', 'true',
'emb#bgcolor', 'black',
'align', 'middle');
</script>
<hr/>An fbx file should be playing now above, using a QuickTime player embedded.
</body>
</html>-
将 JavaScript 添加到您的网页代码中，并将您希望查看的 FBX 文件上传到网页索引。
【讨论】：
在哪里可以找到 AC_QuickTime.js 文件，没有找到链接 更新了答案以包含链接：developer.apple.com/library/archive/samplecode/… 您好，非常感谢您的帮助，我试过了，但不知道为什么它不适合我zip file 这是我构建的链接 它只是显示了一个蓝页，其中包含一些关于我的 fbx 文件的文本以上是关于如何使用一些 Js lib 在 html 页面中播放或查看 .FBX 文件的主要内容，如果未能解决你的问题，请参考以下文章
解决手淘lib-flexible.js在移动端首次加载页面页面先放大后正常问题
如何使用 webpack 在 js 文件中加载 CDN 或外部供应商 javascript lib，而不是在 html 文件中