Experiment to rebuild Diffuse using web applets.
chore: update index page
+35
-7
+35
-7
src/pages/index.astro
+35
-7
src/pages/index.astro
···
60
60
];
61
61
62
62
const processors = [
63
-
{ url: "processor/artwork/", title: "Artwork fetcher" },
64
-
{ url: "processor/metadata/", title: "Metadata fetcher" },
63
+
{ url: "processor/artwork/", title: "Artwork retrieval" },
64
+
{ url: "processor/metadata/", title: "Metadata retrieval" },
65
65
{ url: "processor/search/", title: "Search" },
66
66
];
67
67
---
···
166
166
</Applet>
167
167
168
168
<Applet title="Engines" list={engines}>
169
-
Applets with each a singular purpose and don't have any UI. There are specialised UI
170
-
applets in themes that control these.
169
+
Applets with each a singular purpose and don't have any UI. There are specialised UI and
170
+
orchestrators applets that control these.
171
171
</Applet>
172
172
173
173
<Applet title="Input" list={input}>
174
174
Inputs are sources of audio tracks. Each track is an entry in the list of possible items
175
-
to play. These can be files or streams. Or in other words, static or dynamic.
175
+
to play. These can be files or streams, static or dynamic.
176
176
</Applet>
177
177
178
178
<Applet title="Orchestrators" list={orchestrators}>
···
187
187
</Applet>
188
188
189
189
<Applet title="Processors" list={processors}>
190
-
These applets work with the tracks generated by the input applets to add more data to them
191
-
or produce more data based on the tracks.
190
+
These applets work with the tracks generated by the input applets to add more data to
191
+
them, or process them in some other way.
192
192
</Applet>
193
193
194
194
<Applet title="Supplements" list={[]}>Additional applets, such as scrobblers.</Applet>
195
195
</div>
196
+
</section>
197
+
198
+
<!-- BUILD YOUR OWN -->
199
+
<section>
200
+
<h2 id="yours">Build your own</h2>
201
+
202
+
<p>
203
+
Ideally you'd be able to mix and match these applets to build your own music player. There
204
+
are still a few todos and unknowns here:
205
+
</p>
206
+
207
+
<ul>
208
+
<li>
209
+
Haven't tested this idea cross-origin. No idea if the applets work when included on a
210
+
different origin (though it should).
211
+
</li>
212
+
<li>
213
+
Currently using a fork of the web applets SDK that adds a few features (waiting on PRs).
214
+
Meaning that it won't be as easy to write your own applets in the same way as done here.
215
+
</li>
216
+
<li>
217
+
I wrote some custom code on top of the web applets SDK that makes the applets talk to each
218
+
other over a broadcast channel. This should ideally become a JS library or added to the
219
+
web applets SDK. Though you can just copy-paste from the Diffuse repo if you want (it's
220
+
not that much code).
221
+
</li>
222
+
<li><em>... Probably a bunch of stuff I'm forgetting, teaching materials, ...</em></li>
223
+
</ul>
196
224
</section>
197
225
</main>
198
226
</Page>