How can I play or view .FBX file in html Page using some Js lib
12,445
Embedding FBX files on a web page
Do this by adding a JavaScript file that points to the FBX file to the website root directory.
To do this, you must add the following three things to the index of the page:
- A JavaScript file that launches the FBX for QuickTime viewer
- HTML code that refers to the JavaScript file
- The FBX file
To modify a webpage so that it can show FBX files with the FBX for QuickTime viewer:
- Download the AC_QuickTime.js JavaScript code from here. Note this link is not mentioned on the reference website so I found it via google search.
- You will use this script on the web page to launch the FBX for QuickTime viewer.
- Using a web page editor, access the index of the web page where you want to embed the FBX file.
- Write the following HTML code. This code points to the JavaScript file that you downloaded:
<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>
- Add the JavaScript to your web page code and upload the FBX file you wish to view to the web page index.
Author by
Yash
Updated on June 04, 2022Comments
-
Yash almost 2 years
I'm trying to play or view 3D model in my html pages, Currently i am able to play only .Obj file using JavaScript, is there any way that i can also view .Fbx model in my page, i am searching for hours but didn't get any working, i also try using Three.js but .fbx is not working please Help!
-
Mugen87 almost 6 yearsCan can use
three.js
andTHREE.FBXLoader
for this. Please have a look at the following example: threejs.org/examples/webgl_loader_fbx.html -
prisoner849 almost 6 yearsThat’s why better to provide a live code example with your FBX model.
-
-
Yash almost 6 yearsWhere i can find AC_QuickTime.js file ,There is no links i found
-
variable almost 6 yearsUpdated the answer to include the link: developer.apple.com/library/archive/samplecode/…
-
Yash almost 6 yearsHi thanks a lot for helping me, i tried this but don't know why its not working for me zip file here is the link what i build
-
Ali pishkari almost 4 yearsIt just show me a blue page with some texts about my fbx file