Usage via Script Tag

Use this code in any HTML file:

html

This will load the strudel website in an iframe, using the code provided within the HTML comments

.
The HTML comments are needed to make sure the browser won't interpret it as HTML.

Alternatively you can create a REPL from JavaScript like this:

html

When you're using JSX, you could also use the code attribute in your markup:

html


setcps(1)
n("<0 1 2 3 4>*8").scale('G4 minor')
.s("gm_lead_6_voice")
.clip(sine.range(.2,.8).slow(8))
.jux(rev)
.room(2)
.sometimes(add(note("12")))
.lpf(perlin.range(200,20000).slow(4))
}>
``

`@strudel/embed`

This package contains a embeddable web component for the Strudel REPL.

`Usage via Script Tag`

Use this code in any HTML file:

``html `

This will load the strudel website in an iframe, using the code provided within the HTML comments . The HTML comments are needed to make sure the browser won't interpret it as HTML.

Alternatively you can create a REPL from JavaScript like this:

`html



`When you're using JSX, you could also use the code attribute in your markup:
`html


setcps(1)
n("<0 1 2 3 4>*8").scale('G4 minor')
.s("gm_lead_6_voice")
.clip(sine.range(.2,.8).slow(8))
.jux(rev)
.room(2)
.sometimes(add(note("12")))
.lpf(perlin.range(200,20000).slow(4))
}>
``