JohnVinyard.github.io/acc2.html at master · JohnVinyard/JohnVinyard.github.io · 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>Web Component Demo</title>
        <script src="build/components/bundle.js"></script>
        <style>
            body {
                font-family: Arial, Helvetica, sans-serif;
            }

            hr {
                display: block;
                margin-bottom: 50px;
            }

            h2 {
                text-decoration: underline;
            }
        </style>

    </head>

    <body>
        <h1>Web Component Demo</h1>

        <div>
            <h2>String Simulation</h2>
            <physical-string-sim></physical-string-sim>
        </div>

        <div>
            <h2>Audio Timeline</h2>
            <audio-timeline
                events='[
                    {
                        "eventTime": 1,
                        "eventDuration": 1,
                        "eventEnvelope": [0, 0.9, 0.99, 1.0, 0.8, 0.75, 0.5, 0.1, 0],
                        "audioUrl": "https://one-laptop-per-child.s3.amazonaws.com/Berklee44v16/Analogsynth2_low.wav",
                        "color": "rgba(100, 0, 0, 0.4)",
                        "y": 0.75,
                        "offset": 0
                    },
                    {
                        "eventTime": 8,
                        "eventDuration": 2,
                        "eventEnvelope": [0, 0.1, 0.2, 1, 0.1, 0.02, 0],
                        "audioUrl": "https://one-laptop-per-child.s3.amazonaws.com/Berklee44v16/Analogsynth2_low.wav",
                        "color": "rgba(0, 100, 0, 0.4)",
                        "y": 0.2,
                        "offset": 1
                    }
                ]'
                duration="20"
                width="800"
                height="250"
            ></audio-timeline>
        </div>

        <div>
            <h2>Citation</h2>
            <citation-block
                tag="incandenza1996gaborantichrist"
                author="Incandenza, Hal"
                url="https://infinitejest.wallacewiki.com/david-foster-wallace/index.php?title=Pages_3-27#Page_12"
                header="Dennis Gabor, Holograms, and the Anti-Christ"
                year="1996"
            ></citation-block>
            <hr />
        </div>

        <div>
            <h2>Python Code Block</h2>
            <code-block language="python">
import torch

@decorator('blah')
def func(x: torch.Tensor) -> torch.Tensor:
    return x * 10
            </code-block>
            <hr />
        </div>

        <div>
            <h2>Audio with External <code>src</code> URL</h2>
                <audio-view
                    src="https://music-net.s3.amazonaws.com/1727"
                    height="300"
                    scale="1"
                    controls
                    ></audio-view>
                <hr />

                <div>
                <h2>Audio with Data URL</h2>
                    <audio-view
                        src="data:audio/ogg;base64,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"
                        height="100"
                        scale="1"
                        samples="512"
                    >
                    </audio-view>
                    <hr />
                </div>

                <div>
                    <h2>Tensor</h2>
                    <tensor-view
                        height="500"
                        width="500"
                        type="2D"
                        src="data:application/npy;base64,k05VTVBZAQB2AHsnZGVzY3InOiAnPGY0JywgJ2ZvcnRyYW5fb3JkZXInOiBGYWxzZSwgJ3NoYXBlJzogKDgsIDE2KSwgfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIArNernNZoXdP+zOzZq/Gdq/rbQVssl75D/VGtLwT1DHP87JgnPOeOU/jLbkqkGf4b8N6O1bDrYAwEKXeRbxb7e/mE5MtQ997j90Di2oCzkAwLHY3/ev/rK/dISRt60vxz/OgF31ougPwMEsEquBXvi/0fZasY6MAEDdUpFrLS8EQP//PFgSE+8/ijDJQznY5T/AwdKGzQ3gv35RXlhe6NC/XpxeFKzP87+0OAG5eg/Iv/WgjyTYVeG/Ed9EChzCsj9dzJYkh/DcP8RkCOLyM/y/OG6L+Ev42b/PnMTFB0wOQM/l8fPF7Kc/pt1OWPtXxr8zyhiCBAXxv36AtlTyqeS/s7YcpBeO7L9/YOrUOJSEv6I0AwyQFKC/Y/6knRqZ9r9iFEDlNQjHPw4BVrfuuAFALSIVyNy3kD8hKY5zatG1v6llH2IHLss/jxi0oj6a+j9tNZ74mc/AP70RAZoJzs6//FxFjmSb3r8knX1Ig6njP9G2TIUcI/U/QxSMVXb93r+AJevI15v1PzaPzOUcJfG/FdKa6tm28L/veTMkAhvxv5cBW5n7Fb4/wRiEAH/x7z96PkrmzFv0P9hitoClTeq/m91mTz8Ntj8fjG8Hv5TMv33qqYh+OuA/wqc4HXmr8T/+/ufClN/6vwHYKqpV4uA/hrZLgSAy7r8V2X7AuzzUvw=="
                    />
                    <hr />
                </div>

                <div>
                    <h2>Scatter Plot</h2>
                    <scatter-plot
                        width="500"
                        height="500"
                        radius="1"
                        points='[
                            {
                                "x": -10,
                                "y": 20,
                                "url": "https://one-laptop-per-child.s3.amazonaws.com/Berklee44v16/Analogsynth2_low.wav",
                                "startSeconds": 0,
                                "durationSeconds": 1,
                                "color": "rgb(255 0 0)"
                            },
                            {
                                "x": 0,
                                "y": 0,
                                "url": "https://one-laptop-per-child.s3.amazonaws.com/Berklee44v16/Analogsynth2_low.wav",
                                "startSeconds": 0,
                                "durationSeconds": 1,
                                "color": "rgb(0 255 0)"
                            },
                            {
                                "x": 10,
                                "y": 11,
                                "url": "https://one-laptop-per-child.s3.amazonaws.com/Berklee44v16/Analogsynth2_low.wav",
                                "startSeconds": 1,
                                "durationSeconds": 2
                            }
                        ]'
                    />
                    <hr />
                </div>

                <div>
                    <h2>Scatter Plot with Duration</h2>
                    <scatter-plot
                        width="500"
                        height="500"
                        radius="1"
                        points='[
                            {
                                "x": -10,
                                "y": 20,
                                "url": "https://one-laptop-per-child.s3.amazonaws.com/Berklee44v16/Analogsynth2_low.wav",
                                "startSeconds": 0,
                                "durationSeconds": 1,
                                "eventDuration": 1,
                                "color": "rgba(255 0 0 0.5)"
                            },
                            {
                                "x": 0,
                                "y": 0,
                                "url": "https://one-laptop-per-child.s3.amazonaws.com/Berklee44v16/Analogsynth2_low.wav",
                                "startSeconds": 0,
                                "durationSeconds": 1,
                                "eventDuration": 1,
                                "color": "rgb(255 0 0 0.5)"
                            },
                            {
                                "x": 3,
                                "y": 3,
                                "url": "https://one-laptop-per-child.s3.amazonaws.com/Berklee44v16/Analogsynth2_low.wav",
                                "startSeconds": 0,
                                "durationSeconds": 1,
                                "eventDuration": 1,
                                "color": "rgb(255 0 0 0.5)"
                            },
                            {
                                "x": -3,
                                "y": 7,
                                "url": "https://one-laptop-per-child.s3.amazonaws.com/Berklee44v16/Analogsynth2_low.wav",
                                "startSeconds": 0,
                                "durationSeconds": 1,
                                "eventDuration": 1,
                                "color": "rgb(255 0 0 0.5)"
                            },
                            {
                                "x": 10,
                                "y": 11,
                                "url": "https://one-laptop-per-child.s3.amazonaws.com/Berklee44v16/Analogsynth2_low.wav",
                                "startSeconds": 1,
                                "eventDuration": 1,
                                "durationSeconds": 2,
                                "color": "rgba(255 0 0 0.5)"
                            }
                        ]'
                    />
                    <hr />
                </div>

            </body>
        </html>
        </div>