elias/strudel
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel.git synced 2026-01-11 13:48:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

use skypack in example

Browse Source
This commit is contained in:
Felix Roos 2022-04-16 15:36:49 +02:00
parent 0ed1c75c38
commit 2cf129408b
3 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/webaudio/README.md
View File

@ -26,5 +26,4 @@ scheduler.start()
```
A more sophisticated example can be found in [examples/repl.html](./examples/repl.html).
You can run it inside this directory with `npm run example`.
You can run it by opening the html file with your browser!

9
packages/webaudio/examples/repl.html
View File

@ -3,7 +3,7 @@
<button id="stop" style="font-size: 2em">stop</button>
</div>
<textarea
style="font-size: 2em; background: #e8d565; color: #323230; height: 100%; width: 100%; outline: none; border: 0"
style="font-size: 2em; background: #bce865; color: #323230; height: 100%; width: 100%; outline: none; border: 0"
id="text"
spellcheck="false"
>
@ -11,9 +11,10 @@ Loading...</textarea
>
<script type="module">
document.body.style = 'margin: 0';
import * as strudel from '@strudel.cycles/core';
import '@strudel.cycles/core/euclid.mjs';
import { Scheduler, getAudioContext } from '@strudel.cycles/webaudio';
import * as strudel from 'https://cdn.skypack.dev/@strudel.cycles/core';
import 'https://cdn.skypack.dev/@strudel.cycles/core/euclid.mjs';
import 'https://cdn.skypack.dev/@strudel.cycles/mini';
import { Scheduler, getAudioContext } from 'https://cdn.skypack.dev/@strudel.cycles/webaudio@0.0.4';
const { cat, State, TimeSpan } = strudel;
Object.assign(window, strudel); // add strudel to eval scope

6
packages/webaudio/package.json
View File

@ -6,9 +6,6 @@
"directories": {
"example": "examples"
},
"scripts": {
"example": "parcel examples/repl.html"
},
"repository": {
"type": "git",
"url": "git+https://github.com/tidalcycles/strudel.git"
@ -28,8 +25,5 @@
"homepage": "https://github.com/tidalcycles/strudel#readme",
"dependencies": {
"@strudel.cycles/core": "^0.0.5"
},
"devDependencies": {
"parcel": "^2.4.1"
}
}