Updates

Ericxgao · Dec 9, 2024 · fde1ea4 · fde1ea4
1 parent 832d466
commit fde1ea4
Show file tree

Hide file tree

Showing 14 changed files with 16 additions and 16 deletions.
diff --git a/index.b03f0134.js → index.12339033.js b/index.b03f0134.js → index.12339033.js
diff --git a/index.12339033.js.map b/index.12339033.js.map
diff --git a/index.a8c64071.js → index.7bc77a02.js b/index.a8c64071.js → index.7bc77a02.js
diff --git a/index.7bc77a02.js.map b/index.7bc77a02.js.map
diff --git a/index.a8c64071.js.map b/index.a8c64071.js.map
diff --git a/index.b03f0134.js.map b/index.b03f0134.js.map
diff --git a/index.c697903a.css.map b/index.c697903a.css.map
diff --git a/index.c697903a.css → index.da21bb81.css b/index.c697903a.css → index.da21bb81.css
diff --git a/index.da21bb81.css.map b/index.da21bb81.css.map
diff --git a/index.html b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en" class="h-full w-full"><head><script nomodule defer src="index.runtime.f8cdab94.js"></script><script type="module" src="index.runtime.95b8cecb.js"></script><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="index.c697903a.css"><title>morphaweb</title></head><body> <div id="overlay"> <div id="overlaytext">drop here</div> </div> <div id="message-overlay" class="message-overlay"> <div id="message-text"></div> </div> <section id="container">  <section class="editor"> <div id="waveform"></div> </section> <section class="controls"> <section> <section> <button id="play">play</button> <button id="pause">pause</button> <button id="export" class="button"> <div class="text-2xl">export reel</div> <div class="text-xs">(stereo, 32-bit, 48KHz)</div> </button> <button id="detect-onsets">detect onsets</button> <button id="divide-markers">DIVIDE MARKERS BY 2</button> </section> </section> <section class="slice-controls"> <label for="slice-count">Number of slices:</label> <input type="number" id="slice-count" min="2" value="8"> <button id="auto-slice">slice into equal chunks</button> </section> </section> <section class="help"> <section> <h3>usage</h3> <p>1. drag one or more audiofiles onto the page</p> <p>2a. add markers using the shortcut listed below</p> <p>2b. or add automatically by clicking the "detect onsets" button which will analyze your audio</p> <p>2c. or add automatically by clicking the "slice into equal chunks" button</p> <p>3. test your markers by pressing keyboard buttons 0-9 and qwertyuiop</p> <p>4. if the slices are too small, you can divide them by clicking the "divide markers by 2" button</p> <p>5. export the wav-file to use with morphagene</p> </section> <section class="align-middle col-span-8"> <h3>SHORTCUTS</h3> <section class="shortcut"> <div class="shortcut-icon"> <div>j</div> </div> <div>add marker</div> </section> <section class="shortcut"> <div class="shortcut-icon"> <div>k</div> </div> <div>remove selected marker</div> </section> <section class="shortcut"> <div class="shortcut-icon"> <div>␣</div> </div> <div>play/pause</div> </section> </section> </section> <section class="footer">this is a special modified version of an <a href="https://github.com/knandersen/morphaweb" target="_blank">open source project</a> by kevin nørby andersen. all data is processed client-side, which means it stays with you and only you. eric added the auto slicing and onset detection, which can be found in <a href="https://github.com/Ericxgao/morphaweb-self/" target="_blank">this fork</a> <br> <strong>version <span id="version"></span></strong> </section> </section> <script type="module" src="index.b03f0134.js"></script><script src="index.a8c64071.js" nomodule defer></script> <script async src="https://analytics.umami.is/script.js" data-website-id="c9e1209c-99d5-4614-b724-d67ffa4968d8"></script> </body></html>
+<!DOCTYPE html><html lang="en" class="h-full w-full"><head><script nomodule defer src="index.runtime.2d090a92.js"></script><script type="module" src="index.runtime.89592dcb.js"></script><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="index.da21bb81.css"><title>morphaweb</title></head><body> <div id="overlay"> <div id="overlaytext">drop here</div> </div> <div id="message-overlay" class="message-overlay"> <div id="message-text"></div> </div> <section id="container">  <section class="editor"> <div id="waveform"></div> </section> <section class="controls"> <section> <section> <button id="play">play</button> <button id="pause">pause</button> <button id="export" class="button"> <div class="text-2xl">export reel</div> <div class="text-xs">(stereo, 32-bit, 48KHz)</div> </button> <button id="detect-onsets">detect onsets</button> <button id="divide-markers">DIVIDE MARKERS BY 2</button> </section> </section> <section class="slice-controls"> <label for="slice-count">Number of slices:</label> <input type="number" id="slice-count" min="2" value="8"> <button id="auto-slice">slice into equal chunks</button> </section> </section> <section class="help"> <section> <h3>usage</h3> <p>1. drag one or more audiofiles onto the page</p> <p>2a. add markers using the shortcut listed below</p> <p>2b. or add automatically by clicking the "detect onsets" button which will analyze your audio</p> <p>2c. or add automatically by clicking the "slice into equal chunks" button</p> <p>3. test your markers by pressing keyboard buttons 0-9 and qwertyuiop</p> <p>4. if the slices are too small, you can divide them by clicking the "divide markers by 2" button</p> <p>5. export the wav-file to use with morphagene</p> </section> <section class="align-middle col-span-8"> <h3>SHORTCUTS</h3> <section class="shortcut"> <div class="shortcut-icon"> <div>j</div> </div> <div>add marker</div> </section> <section class="shortcut"> <div class="shortcut-icon"> <div>k</div> </div> <div>remove selected marker</div> </section> <section class="shortcut"> <div class="shortcut-icon"> <div>␣</div> </div> <div>play/pause</div> </section> </section> </section> <section class="footer">this is a special modified version of an <a href="https://github.com/knandersen/morphaweb" target="_blank">open source project</a> by kevin nørby andersen. all data is processed client-side, which means it stays with you and only you. eric added the auto slicing and onset detection, which can be found in <a href="https://github.com/Ericxgao/morphaweb-self/" target="_blank">this fork</a> <br> <strong>version <span id="version"></span></strong> </section> </section> <script type="module" src="index.12339033.js"></script><script src="index.7bc77a02.js" nomodule defer></script> <script async src="https://analytics.umami.is/script.js" data-website-id="c9e1209c-99d5-4614-b724-d67ffa4968d8"></script> </body></html>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html lang="en" class="h-full w-full"><head><script nomodule defer src="index.runtime.f8cdab94.js"></script><script type="module" src="index.runtime.95b8cecb.js"></script><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="index.c697903a.css"><title>morphaweb</title></head><body> <div id="overlay"> <div id="overlaytext">drop here</div> </div> <div id="message-overlay" class="message-overlay"> <div id="message-text"></div> </div> <section id="container"> <section class="editor"> <div id="waveform"></div> </section> <section class="controls"> <section> <section> <button id="play">play</button> <button id="pause">pause</button> <button id="export" class="button"> <div class="text-2xl">export reel</div> <div class="text-xs">(stereo, 32-bit, 48KHz)</div> </button> <button id="detect-onsets">detect onsets</button> <button id="divide-markers">DIVIDE MARKERS BY 2</button> </section> </section> <section class="slice-controls"> <label for="slice-count">Number of slices:</label> <input type="number" id="slice-count" min="2" value="8"> <button id="auto-slice">slice into equal chunks</button> </section> </section> <section class="help"> <section> <h3>usage</h3> <p>1. drag one or more audiofiles onto the page</p> <p>2a. add markers using the shortcut listed below</p> <p>2b. or add automatically by clicking the "detect onsets" button which will analyze your audio</p> <p>2c. or add automatically by clicking the "slice into equal chunks" button</p> <p>3. test your markers by pressing keyboard buttons 0-9 and qwertyuiop</p> <p>4. if the slices are too small, you can divide them by clicking the "divide markers by 2" button</p> <p>5. export the wav-file to use with morphagene</p> </section> <section class="align-middle col-span-8"> <h3>SHORTCUTS</h3> <section class="shortcut"> <div class="shortcut-icon"> <div>j</div> </div> <div>add marker</div> </section> <section class="shortcut"> <div class="shortcut-icon"> <div>k</div> </div> <div>remove selected marker</div> </section> <section class="shortcut"> <div class="shortcut-icon"> <div>␣</div> </div> <div>play/pause</div> </section> </section> </section> <section class="footer">this is a special modified version of an <a href="https://github.com/knandersen/morphaweb" target="_blank">open source project</a> by kevin nørby andersen. all data is processed client-side, which means it stays with you and only you. eric added the auto slicing and onset detection, which can be found in <a href="https://github.com/Ericxgao/morphaweb-self/" target="_blank">this fork</a> <br> <strong>version <span id="version"></span></strong> </section> </section> <script type="module" src="index.b03f0134.js"></script><script src="index.a8c64071.js" nomodule defer></script> <script async src="https://analytics.umami.is/script.js" data-website-id="c9e1209c-99d5-4614-b724-d67ffa4968d8"></script> </body></html>
		<!DOCTYPE html><html lang="en" class="h-full w-full"><head><script nomodule defer src="index.runtime.2d090a92.js"></script><script type="module" src="index.runtime.89592dcb.js"></script><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="index.da21bb81.css"><title>morphaweb</title></head><body> <div id="overlay"> <div id="overlaytext">drop here</div> </div> <div id="message-overlay" class="message-overlay"> <div id="message-text"></div> </div> <section id="container"> <section class="editor"> <div id="waveform"></div> </section> <section class="controls"> <section> <section> <button id="play">play</button> <button id="pause">pause</button> <button id="export" class="button"> <div class="text-2xl">export reel</div> <div class="text-xs">(stereo, 32-bit, 48KHz)</div> </button> <button id="detect-onsets">detect onsets</button> <button id="divide-markers">DIVIDE MARKERS BY 2</button> </section> </section> <section class="slice-controls"> <label for="slice-count">Number of slices:</label> <input type="number" id="slice-count" min="2" value="8"> <button id="auto-slice">slice into equal chunks</button> </section> </section> <section class="help"> <section> <h3>usage</h3> <p>1. drag one or more audiofiles onto the page</p> <p>2a. add markers using the shortcut listed below</p> <p>2b. or add automatically by clicking the "detect onsets" button which will analyze your audio</p> <p>2c. or add automatically by clicking the "slice into equal chunks" button</p> <p>3. test your markers by pressing keyboard buttons 0-9 and qwertyuiop</p> <p>4. if the slices are too small, you can divide them by clicking the "divide markers by 2" button</p> <p>5. export the wav-file to use with morphagene</p> </section> <section class="align-middle col-span-8"> <h3>SHORTCUTS</h3> <section class="shortcut"> <div class="shortcut-icon"> <div>j</div> </div> <div>add marker</div> </section> <section class="shortcut"> <div class="shortcut-icon"> <div>k</div> </div> <div>remove selected marker</div> </section> <section class="shortcut"> <div class="shortcut-icon"> <div>␣</div> </div> <div>play/pause</div> </section> </section> </section> <section class="footer">this is a special modified version of an <a href="https://github.com/knandersen/morphaweb" target="_blank">open source project</a> by kevin nørby andersen. all data is processed client-side, which means it stays with you and only you. eric added the auto slicing and onset detection, which can be found in <a href="https://github.com/Ericxgao/morphaweb-self/" target="_blank">this fork</a> <br> <strong>version <span id="version"></span></strong> </section> </section> <script type="module" src="index.12339033.js"></script><script src="index.7bc77a02.js" nomodule defer></script> <script async src="https://analytics.umami.is/script.js" data-website-id="c9e1209c-99d5-4614-b724-d67ffa4968d8"></script> </body></html>