diff options
-rw-r--r-- | app.js | 5 | ||||
-rw-r--r-- | index.html | 3 |
2 files changed, 5 insertions, 3 deletions
@@ -11,6 +11,10 @@ const autoplayCheckbox = document.querySelector("#autoplay"); | |||
11 | const clearBtn = document.querySelector("#clear"); | 11 | const clearBtn = document.querySelector("#clear"); |
12 | const clips = document.querySelector("#clips"); | 12 | const clips = document.querySelector("#clips"); |
13 | 13 | ||
14 | clearBtn.addEventListener("click", _event => { | ||
15 | clips.textContent = ""; | ||
16 | }); | ||
17 | |||
14 | function stopPlayer(player) { | 18 | function stopPlayer(player) { |
15 | player.pause(); | 19 | player.pause(); |
16 | player.currentTime = 0; | 20 | player.currentTime = 0; |
@@ -61,7 +65,6 @@ function onGetDeviceSuccess(stream) { | |||
61 | const audioElement = makeExclusive(audioElementForBlob(blob)); | 65 | const audioElement = makeExclusive(audioElementForBlob(blob)); |
62 | 66 | ||
63 | // TODO: record blob and list to local persistent storage | 67 | // TODO: record blob and list to local persistent storage |
64 | // TODO: "clear all" button to clear all clips | ||
65 | // TODO: buttons to clear individual clips | 68 | // TODO: buttons to clear individual clips |
66 | // TODO: keyboard shortcut to play clips for the ten last indexes | 69 | // TODO: keyboard shortcut to play clips for the ten last indexes |
67 | 70 | ||
@@ -58,8 +58,7 @@ | |||
58 | 58 | ||
59 | <button id="clear">Clear all</button> | 59 | <button id="clear">Clear all</button> |
60 | 60 | ||
61 | <ol id="clips"> | 61 | <ol id="clips"></ol> |
62 | </ol> | ||
63 | </fieldset> | 62 | </fieldset> |
64 | </section> | 63 | </section> |
65 | 64 | ||