kino/demo/scenes.html at main · karnstack/kino · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
    <title>kino scenes demo — a video that is not a video file</title>
    <meta
      name="description"
      content="An audio-driven React scene sequence played through kino's chrome — the audio file is the master clock, a manifest maps time ranges onto React scene modules, and every frame is resolution-independent DOM."
    />
    <link rel="canonical" href="https://kino.karnstack.com/scenes.html" />
    <style>
      :root {
        color-scheme: dark;
      }
      body {
        margin: 0;
        background: #0a0807;
      }
    </style>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="./src/scenes-demo.tsx"></script>
  </body>
</html>