JSDM

HTML

 
1
<!DOCTYPE html>
You don't need a DOCTYPE on CodePen. Just put here what you would normally put in the <body>.
2
<html>
3
<head>
4
  <meta charset="utf-8">
5
  <meta name="viewport" content="width=device-width">
6
  <title>Hello XOO-Reality</title>
7
  <script src="//unpkg.com/@pixelshift.ai/xoo-reality@latest"></script>
8
</head>
9
<body>
10
  <iframe id="xoo-viewer"></iframe>
11
</body>
12
</html>
!

CSS

x
 
1
body {
2
  width: 100vw;
3
  height: 100vh;
4
  margin: 0px;
5
}
6
7
#xoo-viewer {
8
  border: none;
9
  width: 100%;
10
  height: 100%;
11
}
? ?
? ?
必须是有效的URL
+ 添加另一个资源

JS

xxxxxxxxxx
15
 
1
const iframe = document.getElementById("xoo-viewer");
2
3
const { XooRealityClient } = window["xoo-reality"];
4
5
6
const version = "master"  // Nightly build.
7
const client = new XooRealityClient(iframe, version);
8
9
const jwt =
10
  "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJzZXEiOjUsImdpZCI6InpHWjUxRVo1Iiwic3ViIjoiNWd4eFVHS2ciLCJpYXQiOjE2Mzk1NjAzMTUsImV4cCI6MjAzOTgxOTUxNX0.pVzesl_gfr3Y3CDXlPQtzh0F-388Wfe4qlaLuuSFKM6l2cCQmyA6xCp_xYPUcCwiOFd_CI5DOG__3bg-Ao_kMJ_TSFkwoPmRLTyQXXOSYA3j5q60rXFbLglb1DVj0nkokv3ow5G8VWyTYDN_TEGye4It3G1tvYGXksmjVFR-64PRCr66PrkCwrNQQQvMgUmsosyKXpqPpGFjZhjEnijeBiP7qU2d7IinNdtlivOQEjetQFmJR0SAxMQOSDGez5dllYDIK83orWHoK5KJcaQKHxQR3njLZC0pTH-hk6iTlGrJOLmtLQcC45UhqdnJ8v4fBlHQjCVIEswGCEUN_MCVVg";
11
12
// Start XOO Reality.
13
client.init({ jwt }).then(() => {
14
  console.log("Hello XOO");
15
});
必须是有效的URL
+ 添加另一个资源
Close

文件管理 点击文件查看URL

图片

  1. 暂无文件

CSS

  1. 暂无文件

JavaScript

  1. 暂无文件

其他

  1. 暂无文件
拖动文件到上面的区域或者:
加载中 ..................