disable start button unless loaded

2022-07-04 12:17:14 +02:00 · 2022-07-04 12:17:14 +02:00 · e49bbeca49
commit e49bbeca49
parent f5ded75323
1 changed files with 11 additions and 1 deletions
--- a/src/Player.svelte
+++ b/src/Player.svelte
@ -73,7 +73,12 @@
 </script>

 <main>
-  <a class="link" href="javascript:;" on:click={go}>START</a>
+  <a
+    class="link"
+    class:disabled={!videoReady || !audioReady}
+    href="javascript:;"
+    on:click={go}>START</a
+  >

  <div id="player">
    <h2 title={videoUrl}>Video</h2>
@ -113,4 +118,9 @@
  #audioPlayer {
    height: 128px;
  }
+
+  .disabled {
+    color: gray;
+    cursor: not-allowed;
+  }
 </style>