the_station_web/index.html at main · leetvr/the_station_web · GitHub

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html><html lang="en"><head>
        <meta charset="utf-8">
        <title>The Station - Mechanics Prototype</title> <!-- ToDo -->

        <link rel="icon" href="icon.ico">
        <style type="text/css">body {
    background: black;
    margin: 0;
}
canvas {
    background-color: white;
}</style>

<link rel="preload" href="/the_station_web/index-f5c2b1dbb85e0c77_bg.wasm" as="fetch" type="application/wasm" crossorigin="">
<link rel="modulepreload" href="/the_station_web/index-f5c2b1dbb85e0c77.js"></head>
    <body>
        <script>// Insert hack to make sound autoplay on Chrome as soon as the user interacts with the tab:
// https://developers.google.com/web/updates/2018/11/web-audio-autoplay#moving-forward

// the following function keeps track of all AudioContexts and resumes them on the first user
// interaction with the page. If the function is called and all contexts are already running,
// it will remove itself from all event listeners.
(function () {
  // An array of all contexts to resume on the page
  const audioContextList = [];

  // An array of various user interaction events we should listen for
  const userInputEventNames = [
    'click',
    'contextmenu',
    'auxclick',
    'dblclick',
    'mousedown',
    'mouseup',
    'pointerup',
    'touchend',
    'keydown',
    'keyup',
  ];

  // A proxy object to intercept AudioContexts and
  // add them to the array for tracking and resuming later
  self.AudioContext = new Proxy(self.AudioContext, {
    construct(target, args) {
      const result = new target(...args);
      audioContextList.push(result);
      return result;
    },
  });

  // To resume all AudioContexts being tracked
  function resumeAllContexts(_event) {
    let count = 0;

    audioContextList.forEach((context) => {
      if (context.state !== 'running') {
        context.resume();
      } else {
        count++;
      }
    });

    // If all the AudioContexts have now resumed then we unbind all
    // the event listeners from the page to prevent unnecessary resume attempts
    // Checking count > 0 ensures that the user interaction happens AFTER the game started up
    if (count > 0 && count === audioContextList.length) {
      userInputEventNames.forEach((eventName) => {
        document.removeEventListener(eventName, resumeAllContexts);
      });
    }
  }

  // We bind the resume function for each user interaction
  // event on the page
  userInputEventNames.forEach((eventName) => {
    document.addEventListener(eventName, resumeAllContexts);
  });
})();
</script>

<script type="module">import init from '/the_station_web/index-f5c2b1dbb85e0c77.js';init('/the_station_web/index-f5c2b1dbb85e0c77_bg.wasm');</script></body></html>