Jasima/musicbox
1
0
Fork 0
mirror of https://github.com/wgreenberg/musicbox.git synced 2024-11-22 11:30:25 +01:00
Code Issues Projects Releases Packages Wiki Activity

slight style changes

Browse source
This commit is contained in:
Will Greenberg 2022-08-23 15:01:05 -07:00
parent 04c255d9db
commit 22fe91432d
2 changed files with 27 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
index.html
View file

@ -22,12 +22,22 @@ textarea {
margin: 10px;
}
.body {
display: flex;
flex-direction: column;
}
button {
width: 150px;
margin: 10px;
}
p {
font-size: small;
}
</style>
</head>
<span id='status'>loading samples...</span>
<div class="body">
<div class='sequencers'>
<div class='sequencer'>
<span>beats</span>
@ -43,5 +53,6 @@ p {
letters are louder, non-letters are silent.</p>
</div>
</div>
<button id="play">Play/Stop</button>
<button id="play">loading...</button>
</div>
</html>

2
musicbox.js
View file

@ -171,7 +171,7 @@ window.addEventListener('load', async () => {
const beats = new Beats();
await piano.init(ctx);
await beats.init(ctx);
document.getElementById('status').remove();
document.getElementById('play').innerText = 'play/pause';
const pianoSequencer = setupSequencer(piano, 'piano');
const beatsSequencer = setupSequencer(beats, 'beats');