55 lines
1.7 KiB
HTML
55 lines
1.7 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<link rel="icon" href="./demo/favicon.ico">
|
|
<link rel="stylesheet" type="text/css" href="./demo/global.css">
|
|
<style>
|
|
#myCanvas {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<div id="myCanvas" class="container"></div>
|
|
</div>
|
|
<script type="module">
|
|
import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
|
|
|
|
const viewpoints = [{
|
|
panoramas: [{
|
|
id: "panorama_1",
|
|
images: [
|
|
"./demo/images/vr/vr_1/right.jpg",
|
|
"./demo/images/vr/vr_1/left.jpg",
|
|
"./demo/images/vr/vr_1/top.jpg",
|
|
"./demo/images/vr/vr_1/bottom.jpg",
|
|
"./demo/images/vr/vr_1/front.jpg",
|
|
"./demo/images/vr/vr_1/back.jpg",
|
|
],
|
|
thumbnails: [
|
|
"./demo/images/vr/vr_1/thumbnail/right.jpg",
|
|
"./demo/images/vr/vr_1/thumbnail/left.jpg",
|
|
"./demo/images/vr/vr_1/thumbnail/top.jpg",
|
|
"./demo/images/vr/vr_1/thumbnail/bottom.jpg",
|
|
"./demo/images/vr/vr_1/thumbnail/front.jpg",
|
|
"./demo/images/vr/vr_1/thumbnail/back.jpg",
|
|
],
|
|
}],
|
|
id: "viewpoint_1",
|
|
name: "客厅",
|
|
position: [0, 1, 0],
|
|
initialDirection: [0, 0, 1],
|
|
}];
|
|
const config = {
|
|
containerId: "myCanvas",
|
|
}
|
|
const viewer = new VRViewer(config);
|
|
viewer.setViewpoints(viewpoints);
|
|
viewer.activatePanoramaById(viewpoints[0].id, viewpoints[0].panoramas[0].id);
|
|
</script>
|
|
</body>
|
|
|
|
</html> |