Contact Us
â
K
đ
Sense of Space
Introduction
đļ
3D Streaming System
Introduction & Benefits
Client Implementations
Technical Limitations
Server Requirements
đ§
3D Streaming Platform
Upload and Convert a 3D Model
How to Use the Conversion API
đ§Š
Integrations Guides
đ¤
Unreal Engine
đšī¸
Unity Engine
đĻ
Mozilla Hubs
â´ī¸
PlayCanvas
đē
Three.js
đ °ī¸
A-Frame
đļ
Babylon.js
đ
Embed to an HTML page
âī¸
Extras
Volumetric Video Integrations
Docs powered by
Â
Archbee
Integrations Guides
Embed to an HTML page
1min
You can simply add a streamable model to your web page as follows:
HTML
1
<
div
id
=
"
sosView
"
style
=
"
width
:
450px
;
height
:
300px
;
margin
:
20px
;
"
>
</
div
>
2
<
script
src
=
"
https://assets.senseofspace.io/streamablemodel/0.0.11/embeddablePlayer.js
"
>
</
script
>
3
<
script
>
4
EmbedSteamableModel
(
"sosView"
,
"https://stream.senseofspace.io/demos/space-shuttle-new/"
)
;
5
</
script
>
<div id="sosView" style="width: 450px;height: 300px;margin: 20px;"></div> <script src="https://assets.senseofspace.io/streamablemodel/0.0.11/embeddablePlayer.js"></script> <script> EmbedSteamableModel("sosView", "https://stream.senseofspace.io/demos/space-shuttle-new/"); </script>
īģŋ
1
<
iframe
style
=
"
width
:
1200px
;
height
:
1200px
;
margin
:
0px
;
"
srcdoc='
2
<!DOCTYPE
html
>
3
<html
>
4
<head
>
5
<meta
charset
=
"
utf-8
"
>
6
<title
>
Embedded
View<
/
title
>
7
<style
>
8
body
{
margin:
0;
}
9
<
/
style
>
10
<
/
head
>
11
<body
>
12
<div
id
=
"
sosView
"
style
=
"
width
:
950px
;
height
:
950px
;
margin
:
0px
;
"
>
<
/
div
>
13
<script
src
=
"
https://assets.senseofspace.io/streamablemodel/0.0.11/embeddablePlayerAsianTemple-new.js
"
>
<
/
script
>
14
<script
>
15
EmbedSteamableModel("sosView",
"https:
//
stream.senseofspace.io
/
demos
/
asian-temple
/
");
16
<
/
script
>
17
<
/
body
>
18
<
/
html
>
'
>
</
iframe
>
19
20
<iframe style="width:1200px;height:1200px;margin:0px;" srcdoc=' <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Embedded View</title> <style> body { margin: 0; } </style> </head> <body> <div id="sosView" style="width:950px;height:950px;margin:0px;"></div> <script src="https://assets.senseofspace.io/streamablemodel/0.0.11/embeddablePlayerAsianTemple-new.js"></script> <script> EmbedSteamableModel("sosView", "https://stream.senseofspace.io/demos/asian-temple/"); </script> </body> </html>'></iframe>
īģŋ
īģŋ
Updated 25 Mar 2024
Did this page help you?
PREVIOUS
Supported Parameters
NEXT
Extras
Docs powered by
Â
Archbee
Docs powered by
Â
Archbee
