hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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
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). 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> <button id="stop" style="font-size: 2em">stop</button>
</div> </div>
<textarea <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" id="text"
spellcheck="false" spellcheck="false"
> >
@ -11,9 +11,10 @@ Loading...</textarea
> >
<script type="module"> <script type="module">
document.body.style = 'margin: 0'; document.body.style = 'margin: 0';
import * as strudel from '@strudel.cycles/core'; import * as strudel from 'https://cdn.skypack.dev/@strudel.cycles/core';
import '@strudel.cycles/core/euclid.mjs'; import 'https://cdn.skypack.dev/@strudel.cycles/core/euclid.mjs';
import { Scheduler, getAudioContext } from '@strudel.cycles/webaudio'; 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; const { cat, State, TimeSpan } = strudel;
Object.assign(window, strudel); // add strudel to eval scope Object.assign(window, strudel); // add strudel to eval scope

6
packages/webaudio/package.json
View file

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