Platform
Resources
Pricing
Sign in
Get started
fheyen
PhD student at the Visualization Research Center (VISUS), University of Stuttgart
Workspace
Fork
Published
Music
By
fheyen
Edited
Aug 2, 2021
2 forks
2 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
playerNotes
=
cMajScale
Insert cell
Insert cell
Insert cell
Insert cell
// Create a synth and connect it to the main output (your speakers)
// Encapsuled into an object to make it mutable
// (it needs to be disposable to be able to stop the player)
synth
=
{
return
{
synth
:
new
Tone
.
Synth
(
)
.
toDestination
(
)
}
;
}
Insert cell
function
startPlayer
(
notes
)
{
synth
.
synth
.
dispose
(
)
;
synth
.
synth
=
new
Tone
.
Synth
(
)
.
toDestination
(
)
;
const
now
=
Tone
.
now
(
)
;
for
(
const
{
note
,
start
,
duration
}
of
notes
)
{
synth
.
synth
.
triggerAttackRelease
(
note
,
duration
,
now
+
start
+
0.5
)
;
}
}
Insert cell
function
stopPlayer
(
)
{
synth
.
synth
.
dispose
(
)
;
}
Insert cell
Insert cell
Insert cell
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Try it for free
Learn more
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
cMajScale
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
chromaticScale
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
simpleMelody
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
playerNotes
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
player
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
volume
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
synth
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
startPlayer
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
stopPlayer
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Tone
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML