-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpie-with-player.html
51 lines (41 loc) · 1.48 KB
/
pie-with-player.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!doctype html>
<html>
<head>
<script type="text/javascript" src="pie-view.js"></script>
<script type="text/javascript" src="pie-controllers.js"></script>
<script type="text/javascript" src="controller-build/bundle.js"></script>
<script type="text/javascript">
window.sessions = [];
window.env = { mode: 'gather' };
document.addEventListener('pie.player-ready', e => {
const player = document.querySelector('pie-player');
fetch('config.json')
.then(r => r.json())
.then(config => {
/**
* Note: for legacy reasons the controllers is looking for `pies`.
* This will be changed in a new release of pie-controller. but for now we point
* pies -> models
*/
config.pies = config.models;
player.controller = new window.PieController(config, window['pie-controllers']);
player.env = window.env;
player.session = window.sessions;
const controlPanel = document.querySelector('pie-control-panel');
controlPanel.env = window.env;
controlPanel.addEventListener('envChanged', () => {
player.env = window.env;
});
});
});
</script>
</head>
<body>
<p>This is an example using pie-player and a pie element within it.</p>
<p>The config is loaded onto the page.</p>
<pie-control-panel></pie-control-panel>
<pie-player>
<corespring-choice pie-id="1"></corespring-choice>
</pie-player>
</body>
</html>