neale/homepage
neale
/
homepage
1
0
Fork 0
Code Pull Requests Actions Activity

Make play/pause button toggle shapes

This commit is contained in:
Neale Pickett 2018-11-21 22:22:41 +00:00
parent e58e440a12
commit 91d2b205c9
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
toys/starship/index.md
View File

@ -8,7 +8,7 @@ headers:
<div> <div>
<button id="play" class="big">⏯️</button> <button id="play" class="big">▶️</button>
<span> <span>
🔉 🔉
<input id="fader" type="range" min="0" max="10" step="0.01" /> <input id="fader" type="range" min="0" max="10" step="0.01" />

5
toys/starship/starship.js
View File

@ -40,11 +40,14 @@ function init() {
document.querySelector("#fader").addEventListener("input", setFade); document.querySelector("#fader").addEventListener("input", setFade);
setFade(); setFade();
document.querySelector("#play").addEventListener("click", e => { let play = document.querySelector("#play");
play.addEventListener("click", e => {
if (audioCtx.state == "running") { if (audioCtx.state == "running") {
audioCtx.suspend(); audioCtx.suspend();
play.textContent = "▶️️";
} else { } else {
audioCtx.resume(); audioCtx.resume();
play.textContent = "⏸️";
} }
}); });