121 lines
4.9 KiB
HTML
121 lines
4.9 KiB
HTML
<--
|
|
.. title: Soundboard
|
|
.. slug: soundboard
|
|
.. date: 2019-10-24
|
|
.. description:
|
|
.. type: text
|
|
-->
|
|
|
|
<html>
|
|
<body>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col">
|
|
<audio id="audio1" src="/oceanwind.m4a"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio1')">Oceanwinder Theme</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio13" src="/brittanican.m4a"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio13')">Britannican Theme</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio14" src="/Marpheim.m4a"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio14')">Marapheim Theme</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio15" src="/uas.m4a"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio15')">UAS Theme</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio16" src="/puzleTheme.m4a"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio16')">Puzzle Theme</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio17" src="/comeOnMalaysia.m4a"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio17')">Come On Malaysia</button>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
|
|
<div class="row">
|
|
<div class="col">
|
|
<audio id="audio2" src="/jobins.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio2')">Jobin's Theme</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio18" src="/jobinAction.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio18')">Jobin's Action</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio19" src="/jobin-bottleglass.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio19')">Jobin's Bottle's Glass Shatter</button>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
|
|
<div class="row">
|
|
<div class="col">
|
|
<audio id="audio9" src="/dola-wolf.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio9')">Dola Wolf Out</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio11" src="/dola-boys.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio11')">Dola Sons "Mom" [missing]</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio20" src="/cannonball.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio20')">Cannonball Hit Ship</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio10" src="/ship-ashore.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio10')">Ship Ramming Shore</button>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
|
|
<div class="row">
|
|
<div class="col">
|
|
<audio id="audio8" src="/bobby-arrow.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio8')">Bobby's Arrow</button>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
|
|
<div class="row">
|
|
<div class="col">
|
|
<audio id="audio12" src="/tiffany-womp.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio12')">Tiffany Womp Womp</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio21" src="/tiffany-charm.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio21')">Tiffany Charm [missing]</button>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
|
|
<div class="row">
|
|
<div class="col">
|
|
<audio id="audio3" src="/prestidigitation.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio3')">Teddy's Prestidigitation</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio4" src="/booming-blade.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio4')">Teddy's Booming Blade</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio5" src="/sword-slash.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio5')">Teddy's Sword Slash</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio6" src="/zap.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio6')">Teddy's Chromatic Orb</button>
|
|
</div>
|
|
<div class="col">
|
|
<audio id="audio7" src="/lightsaber.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio7')">Teddy's Shadow Blade</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function stopAll() {
|
|
document.querySelectorAll('audio').forEach(function(audio) {
|
|
audio.pause();
|
|
audio.currentTime = 0;
|
|
});
|
|
}
|
|
|
|
function play(audio_id) {
|
|
var audio = document.getElementById(audio_id);
|
|
if (audio.paused) {
|
|
stopAll();
|
|
audio.play();
|
|
} else {
|
|
audio.pause();
|
|
audio.currentTime = 0
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|