From 287c588ec62568e543c646a93b425bc34dd9e321 Mon Sep 17 00:00:00 2001 From: Rory Healy Date: Tue, 18 Apr 2023 03:33:53 +1000 Subject: [PATCH] Add audio play/stop button --- favicon.ico | Bin 0 -> 268322 bytes index.html | 22 ++++++++----- main.js | 30 +++++++++++++----- public/audio/1.ogg | Bin 21068 -> 0 bytes public/audio/{roli.webm => roli.weba} | Bin public/images/menu.svg | 43 ++++++++++++++++++++++++-- public/images/mute.svg | 43 ++++++++++++++++++++++++-- public/images/pause.svg | 42 +++++++++++++++++++++++-- public/images/play.svg | 43 ++++++++++++++++++++++++-- public/images/stop.svg | 42 +++++++++++++++++++++++-- public/images/volume.svg | 43 ++++++++++++++++++++++++-- styles.css | 41 ++++++++++++++++++------ 12 files changed, 307 insertions(+), 42 deletions(-) create mode 100644 favicon.ico delete mode 100644 public/audio/1.ogg rename public/audio/{roli.webm => roli.weba} (100%) diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..660ba0bf1c2862865ac36ab5cd3e86c36361a0c3 GIT binary patch literal 268322 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 vkYiw`ehi#! The Myrtle Tree +
- -
- - - -
diff --git a/main.js b/main.js index 27df6d9..5a3db45 100644 --- a/main.js +++ b/main.js @@ -1,14 +1,30 @@ const backgroundAudio = document.getElementById("backgroundAudio"); +const playPauseButton = document.getElementById("playPause") +let audioPlaying = false -const playAudio = () => { - backgroundAudio.play(); -}; - -const pauseAudio = () => { - backgroundAudio.pause(); +const playPauseAudio = () => { + if (audioPlaying === true) { + playPauseButton.innerHTML = playPauseButton.innerHTML.replace('pause', 'play'); + backgroundAudio.pause(); + audioPlaying = false; + } else { + playPauseButton.innerHTML = playPauseButton.innerHTML.replace('play', 'pause'); + backgroundAudio.play(); + audioPlaying = true; + } }; const stopAudio = () => { - backgroundAudio.pause(); backgroundAudio.currentTime = 0; + audioPlaying = true; + playPauseAudio(); +}; + +const begin = () => { + // First pause the audio + playPauseAudio(); + + // Then fade everything out + + // Finally, load in the new content }; diff --git a/public/audio/1.ogg b/public/audio/1.ogg deleted file mode 100644 index ba17a5a4154c92216fc39795d9ccfe61182c5802..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 21068 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 (8QpzTyE27I z#35_#&_Nt%70EI$OF$sX;Z~-&KEWCgK4Wq*s^@!8n(H#3;^)Yz*MjBV1`6IJzd6{H z?42vHT?7yIVvE1cyZoBD=TQHqv>&&#Lv5(6$q};eR;R2|7p|`VyklIyEmNx3c_#GO zwcfcFWepgUeF=kA^AQS}1FN8Cvi{1nrJ|p;CT_LI=>KciKY9=~@;Lyk@sHhP-h(YQ z$KRM8$|o~`b(L@q>`YBdY)EMXOxKMSv*1$L(1S7qP2-o zpZw%c7Rb%#dQJH(x;5QtB8B==IVNEEYkl0pIl4tfuShI;|CO)xuK2Dv`m~i4lkwKL zkgWY~VRu3%X*;}KAION2-p#iB{AL>+r$dZ9D_-`|_BrsPTYftHdK*39$8zp(U%bn3 z^vewUqq2uSK77(xg{O;)_kMHl9bUY9uBy=sG7hW(X}A!H!3ueDFubob*{>Y70+kBU zFI)?Qk<3u^{3;11@B>0KNDMj%fYs@F%+HOHy>#ocs&Z7A(1YY6xy;W}h+*oabZ1=fM#lOxwm11uOdk$~1UStkYcnuQ4%BJmQ?342+&I6F&vukVS*#5=S@D(pmY1Bm1@ZJwjSU)=0>HX`@MpFVxIKOz3bJLkX3)Z6Y0JYLJk{c=*^>a$Y0 z!MV$Mzlw*p9oPPTXqQpo{lIxw_CF4aXZ*EQBbvdAN?Z-uxG - - + + + + + diff --git a/public/images/mute.svg b/public/images/mute.svg index 4bfc579..f9cef89 100644 --- a/public/images/mute.svg +++ b/public/images/mute.svg @@ -1,4 +1,41 @@ - - - + + + + + diff --git a/public/images/pause.svg b/public/images/pause.svg index 490ab2c..b5e8d79 100644 --- a/public/images/pause.svg +++ b/public/images/pause.svg @@ -1,4 +1,40 @@ - - - + + + + + diff --git a/public/images/play.svg b/public/images/play.svg index 1c0448c..1f399c2 100644 --- a/public/images/play.svg +++ b/public/images/play.svg @@ -1,4 +1,41 @@ - - - + + + + + diff --git a/public/images/stop.svg b/public/images/stop.svg index 2006a3c..3305e4a 100644 --- a/public/images/stop.svg +++ b/public/images/stop.svg @@ -1,4 +1,40 @@ - - - + + + + + diff --git a/public/images/volume.svg b/public/images/volume.svg index a3a10d4..9e75b91 100644 --- a/public/images/volume.svg +++ b/public/images/volume.svg @@ -1,4 +1,41 @@ - - - + + + + + diff --git a/styles.css b/styles.css index 5de78dc..f3bcaf6 100644 --- a/styles.css +++ b/styles.css @@ -1,6 +1,6 @@ :root { --border-radius: 12px; - --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; --foreground-rgb: 255, 255, 255; @@ -22,35 +22,58 @@ body { flex-direction: column; justify-content: space-around; align-items: center; - margin: 10vh 10vw; + margin: 10dvh 10dvw; } .centre { margin: 25vh 0; - padding: 1rem 1.2rem; - border-radius: var(--border-radius); +} + +.centre #button { background: rgb(var(--card-rgb)); border: 1px solid rgb(var(--card-border-rgb)); + border-radius: var(--border-radius); + padding: 1rem 1.2rem; transition: background 200ms, border 200ms; } footer { + display: grid; width: 100%; - display: flex; - justify-content: space-between; - font-family: var(--font-sans); + grid-template-columns: repeat(3, 1fr); + align-items: center; +} + +footer section { + justify-self: center; +} + +footer #credits { + text-align: right; +} + +.controlButton { + border-radius: var(--border-radius); + background: none; + border: none; + cursor: pointer; +} + +.controlImage { + height: 50px; + width: 50px; } /* Enable hover only on non-touch devices */ @media (hover: hover) and (pointer: fine) { - .centre:hover { + .centre #button:hover { background: rgba(var(--card-rgb), 0.7); border: 1px solid rgba(var(--card-border-rgb), 0.7); } } @media (prefers-reduced-motion) { - .centre:hover { + .centre #button:hover { transform: none; } }