Detect OGG support and fall back to MP3

.gitattributes

@@ -1 +1,2 @@
 *.ogg filter=lfs diff=lfs merge=lfs -text
+*.mp3 filter=lfs diff=lfs merge=lfs -text

public/audio/belch (1).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:974df7f5eaa142336fb4bef77b07361f2af5692e38fae3b3978f1762ac13c7c9
+size 453279

public/audio/belch (10).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:c70dfa9700609ea3cc814f40de84d7337318699c97d23633fe4a373b883fa3f8
+size 383331

public/audio/belch (11).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:e49daf0bc4e38cbbf2886ce9e57de5cdb14808b702dce687be5363c9563b6354
+size 455367

public/audio/belch (12).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:08a3398cfc4a31b57740ba5fec2c71d86197a3ad11ae47dbacc5923a386d25ec
+size 417783

public/audio/belch (13).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:f01d9571741eef194d6ffe5589655ef9772a3f351057ee05f3aba0ff995d9eae
+size 473115

public/audio/belch (14).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:9baa4d2a17ca11a3cbb8f90e9fca8a9e2c7adb9cba8cc31798bf70f356514ef1
+size 444927

public/audio/belch (15).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:867cc5ffe858a64ce01644b6f815ccc7fd990af9ee8b8a07a86d6087c77d5494
+size 416739

public/audio/belch (16).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:feb1f420e94840c58d40db9ee93abc4581ae280dfec7b6a4a43bcd696a1eb96e
+size 433443

public/audio/belch (2).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:0e0a8c011556bd1dcab9d80a4d87bb205198571b6af29dae21d06ac2a847129e
+size 404211

public/audio/belch (3).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:fd47a6d5d71354bce0542e65e6e6268bccc88aabd972fba1314060bf781eeace
+size 424047

public/audio/belch (4).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:c7a18990d79270ac3d5aca2ad0d35ba2b053d3bffe7f894a2a65028e3017d9d0
+size 416739

public/audio/belch (5).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:fdc9cd04da66faaab087ee6dcb96af8f22b08e74375abbfe8fd3d2e038a91155
+size 383331

public/audio/belch (6).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:cdbea7d639aa13b64760f115da725cfb665d4ec13185a52abc6a443be6074c87
+size 453279

public/audio/belch (7).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:443b0bf798b973ffdb60523fb65ec47895098604c0be243b192a2d6ac571828f
+size 431355

public/audio/belch (8).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:bcf182c075768a2f11d716f80e4b7a58bf1d9c0401ea96bdd9625427e4a7afc1
+size 405255

public/audio/belch (9).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:0c67ce94183ac113ffd0db4940fa215e4eeebddd679bdbd6c1989b4e5d76fd30
+size 369759

public/audio/bowels-churn-danger.mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:3c2ac69e784b0d4fc5e4a9fa9aeeb5b134ddde4974f1d4a88859823afc5dee36
+size 208983

public/audio/bowels-churn-safe.mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:8df4f7612f193b0e7a099cbeca39e210f73e1686ba915f519014947e2a0afbc8
+size 208983

public/audio/bowels-to-intestines.mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:705e9ae21e2ec54bfa88d6fd33e46af92088067f6b9084416ef18afb73412d92
+size 128595

public/audio/fen-bowels.mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:4a218230af707e892cd6865cf957705334e02831707d11408de03511d664b3f8
+size 2585127

public/audio/fen-intestines.mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:eb9731a1efb9c412747cd36b12b7f236abe3912727774837666fcc4b9186f335
+size 2559027

public/audio/fen-stomach.mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:9f489a11d81cfe797773fb0abf278cc0898c44505e380d3160bf35072a3906dd
+size 3519507

public/audio/gurgles/gurgle (1).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:4fdcead5279933c82eb27aa154a293a4ecef1cee16cf91fbaf98d222f2e7a573
+size 128595

public/audio/gurgles/gurgle (10).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:aa99215a8470d4686fe415ed877a2741ff14d8e6d6b711a5bcfa1567c5cdbb78
+size 231951

public/audio/gurgles/gurgle (11).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:40167ed4c12e3f0569f98c2e4154ee752b22198f602a5d9ce41c4d2023149708
+size 323823

public/audio/gurgles/gurgle (12).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:0209bcfa7f0849a9c5ca7dde45589fcf916146f3628f40c731b60bf7e2e553e7
+size 92055

public/audio/gurgles/gurgle (13).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:5b4ad3d03fb47df27ad2e409da6d0126c9b96b9c01925a0d33c95596af27fd73
+size 59691

public/audio/gurgles/gurgle (14).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:266bddffa94abf8f961ef48d7f7b0631a31be8f7d0fdac0634bb1127195961d4
+size 25239

public/audio/gurgles/gurgle (15).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:9723e7b9d8243150fb1f2c0e7a46c727de00d306def28d648342839d22fa13c2
+size 73263

public/audio/gurgles/gurgle (16).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:6d0be6c29ba0a4546018ffe638e5d1ccaddb2bfa2a31d9514e573f85c20fcc36
+size 82659

public/audio/gurgles/gurgle (17).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:ff10a1c5147b516aa2882bd0ed0e483244b7453c0ffaa19ada39114a7b4e1798
+size 284151

public/audio/gurgles/gurgle (18).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:08310f33fd1fc1b6383b653d9cbe5df5430c8d4f1a80a609e4f7c7a1add2b1ac
+size 172443

public/audio/gurgles/gurgle (19).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:c3ae49d0659898bdc64e16a95ea25de8bd3f18c6df6b72c7c64072bea5f6c7f4
+size 1079679

public/audio/gurgles/gurgle (2).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:a10bf4d21eeaa44055afc0dba8f1a32c913553b232bbc78074de1271a21341c6
+size 85791

public/audio/gurgles/gurgle (20).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:b3b9ca714ca7518fe7cd0a3cff57a0e61c0dfe68fcc1a1b223efc5b1ed6574ce
+size 47163

public/audio/gurgles/gurgle (21).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:3221e7112e2912051435cbc5141ac2dcd152c757162c8d228af8b6a2c49ddfb1
+size 103539

public/audio/gurgles/gurgle (3).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:5706c814a47799d9cac25a5ef1fa51324d25c01230570642f91d1bd98b258672
+size 143211

public/audio/gurgles/gurgle (4).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:a57d6c4fe9180ac0ad675d85ce3d88d01e925679f5bb5774a9d9a1ae39d63b78
+size 416739

public/audio/gurgles/gurgle (5).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:425e0b41046adae3c5b00bcbf0bc6f63bdcc01dd956ecccd6feb817200025f22
+size 103539

public/audio/gurgles/gurgle (6).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:05584bd224b41bc4fe9a50a023111f01e6217cc1961c0aace4619e2aa22e7903
+size 320691

public/audio/gurgles/gurgle (7).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:d23427ff92fe95e6ed76c06bb2d785aeaa7241184d41e822c3ce926fbe1abafb
+size 64911

public/audio/gurgles/gurgle (8).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:b6ce2833eac304191b29a6ecfe0a600d36b6fa304a09df476e69aee78567782c
+size 51339

public/audio/gurgles/gurgle (9).mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:5fe164d42de7eabc187e024ce356029c5c85be5a3816e37b7891d81e2e29cf9d
+size 66999

public/audio/intestines-to-bowels.mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:361345126f0fde24a50566a8f86f3a7c9a8a11547b1448935eeea0bed964faa0
+size 128595

public/audio/intestines-to-stomach-forced.mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:ee79eadad852f6f061f5c0d8f0615fa8931d0507fbecb80372cfbc64a27e7ee2
+size 208983

public/audio/intestines-to-stomach.mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:9964fda6d55f205acb3f6bc6d7a3d1209f60ba58d3dd483f4d6886eb6ae241bb
+size 128595

public/audio/stomach-churn.mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:3de5714d84765c169c6f9088a2ce8df419fe4553ea0bf31ba34a6aaf8fd82278
+size 208983

public/audio/stomach-to-intestines-fail.mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:1da343a7b6c3767a03dd53b0d18eb81b4216291f0c005f1fc60073c4959fb76c
+size 128595

public/audio/stomach-to-intestines.mp3 (Git LFS에 저장되어 있습니다)

+oid sha256:0e4140fe60750286b7775eef9aef5bbb41c2ad8f8c3b6ef6175145a45da6190d
+size 128595

src/components/VoreAudio.vue

@@ -1,8 +1,6 @@
 <template>
   <h1>Dissolve</h1>
   <div>This is a mega-early-alpha vore audio generator.</div>
-  <div>Click the buttons below to start each kind of audio.</div>
-  <div>(clicking repeatedly will play even MORE audio)</div>
   <div>
     Follow <a href="https://twitter.com/causticcrux">@causticcrux</a> for more.
   </div>
@@ -82,15 +80,15 @@ export default class VoreAudio extends Vue {
 
   startGlorps(): void {
     const source: Source = new IntervalSource("Guts", 5, 8);
-    source.loadSound("bowels-to-intestines.ogg");
-    source.loadSound("intestines-to-bowels.ogg");
-    source.loadSound("intestines-to-stomach.ogg");
-    source.loadSound("intestines-to-stomach-forced.ogg");
-    source.loadSound("stomach-to-intestines.ogg");
-    source.loadSound("stomach-to-intestines-fail.ogg");
-    source.loadSound("stomach-churn.ogg");
-    source.loadSound("bowels-churn-safe.ogg");
-    source.loadSound("bowels-churn-danger.ogg");
+    source.loadSound("bowels-to-intestines");
+    source.loadSound("intestines-to-bowels");
+    source.loadSound("intestines-to-stomach");
+    source.loadSound("intestines-to-stomach-forced");
+    source.loadSound("stomach-to-intestines");
+    source.loadSound("stomach-to-intestines-fail");
+    source.loadSound("stomach-churn");
+    source.loadSound("bowels-churn-safe");
+    source.loadSound("bowels-churn-danger");
     source.active = false;
 
     this.addSource(source);
@@ -98,31 +96,31 @@ export default class VoreAudio extends Vue {
 
   startDigestion(): void {
     const source: Source = new LoopingSource("Digestion");
-    source.loadSound("fen-stomach.ogg");
-    source.loadSound("fen-intestines.ogg");
-    source.loadSound("fen-bowels.ogg");
+    source.loadSound("fen-stomach");
+    source.loadSound("fen-intestines");
+    source.loadSound("fen-bowels");
 
     this.addSource(source);
   }
 
   startBurps(): void {
     const source: Source = new IntervalSource("Burps", 5, 15);
-    source.loadSound("belch (1).ogg");
-    source.loadSound("belch (2).ogg");
-    source.loadSound("belch (3).ogg");
-    source.loadSound("belch (4).ogg");
-    source.loadSound("belch (5).ogg");
-    source.loadSound("belch (6).ogg");
-    source.loadSound("belch (7).ogg");
-    source.loadSound("belch (8).ogg");
-    source.loadSound("belch (9).ogg");
-    source.loadSound("belch (10).ogg");
-    source.loadSound("belch (11).ogg");
-    source.loadSound("belch (12).ogg");
-    source.loadSound("belch (13).ogg");
-    source.loadSound("belch (14).ogg");
-    source.loadSound("belch (15).ogg");
-    source.loadSound("belch (16).ogg");
+    source.loadSound("belch (1)");
+    source.loadSound("belch (2)");
+    source.loadSound("belch (3)");
+    source.loadSound("belch (4)");
+    source.loadSound("belch (5)");
+    source.loadSound("belch (6)");
+    source.loadSound("belch (7)");
+    source.loadSound("belch (8)");
+    source.loadSound("belch (9)");
+    source.loadSound("belch (10)");
+    source.loadSound("belch (11)");
+    source.loadSound("belch (12)");
+    source.loadSound("belch (13)");
+    source.loadSound("belch (14)");
+    source.loadSound("belch (15)");
+    source.loadSound("belch (16)");
 
     source.active = false;
 
@@ -131,27 +129,27 @@ export default class VoreAudio extends Vue {
 
   startGurgles(): void {
     const source: Source = new IntervalSource("Gurgles", 3, 10);
-    source.loadSound("gurgles/gurgle (1).ogg");
-    source.loadSound("gurgles/gurgle (2).ogg");
-    source.loadSound("gurgles/gurgle (3).ogg");
-    source.loadSound("gurgles/gurgle (4).ogg");
-    source.loadSound("gurgles/gurgle (5).ogg");
-    source.loadSound("gurgles/gurgle (6).ogg");
-    source.loadSound("gurgles/gurgle (7).ogg");
-    source.loadSound("gurgles/gurgle (8).ogg");
-    source.loadSound("gurgles/gurgle (9).ogg");
-    source.loadSound("gurgles/gurgle (10).ogg");
-    source.loadSound("gurgles/gurgle (11).ogg");
-    source.loadSound("gurgles/gurgle (12).ogg");
-    source.loadSound("gurgles/gurgle (13).ogg");
-    source.loadSound("gurgles/gurgle (14).ogg");
-    source.loadSound("gurgles/gurgle (15).ogg");
-    source.loadSound("gurgles/gurgle (16).ogg");
-    source.loadSound("gurgles/gurgle (17).ogg");
-    source.loadSound("gurgles/gurgle (18).ogg");
-    source.loadSound("gurgles/gurgle (19).ogg");
-    source.loadSound("gurgles/gurgle (20).ogg");
-    source.loadSound("gurgles/gurgle (21).ogg");
+    source.loadSound("gurgles/gurgle (1)");
+    source.loadSound("gurgles/gurgle (2)");
+    source.loadSound("gurgles/gurgle (3)");
+    source.loadSound("gurgles/gurgle (4)");
+    source.loadSound("gurgles/gurgle (5)");
+    source.loadSound("gurgles/gurgle (6)");
+    source.loadSound("gurgles/gurgle (7)");
+    source.loadSound("gurgles/gurgle (8)");
+    source.loadSound("gurgles/gurgle (9)");
+    source.loadSound("gurgles/gurgle (10)");
+    source.loadSound("gurgles/gurgle (11)");
+    source.loadSound("gurgles/gurgle (12)");
+    source.loadSound("gurgles/gurgle (13)");
+    source.loadSound("gurgles/gurgle (14)");
+    source.loadSound("gurgles/gurgle (15)");
+    source.loadSound("gurgles/gurgle (16)");
+    source.loadSound("gurgles/gurgle (17)");
+    source.loadSound("gurgles/gurgle (18)");
+    source.loadSound("gurgles/gurgle (19)");
+    source.loadSound("gurgles/gurgle (20)");
+    source.loadSound("gurgles/gurgle (21)");
 
     this.addSource(source);
   }
@@ -161,6 +159,7 @@ export default class VoreAudio extends Vue {
   }
 
   start(): void {
+    this.context.resume();
     if (this.started) {
       return;
     }

src/sources/Source.ts

@@ -2,7 +2,7 @@ import { Node, context, exposedNumber, loadAudio } from "../audio";
 
 export default abstract class Source extends Node {
   public abstract kind: string;
-  protected sounds: Array<AudioBuffer> = [];
+  public sounds: Array<AudioBuffer> = [];
   public gain: GainNode;
   public output: GainNode;
   public _active = true;