oceanwinder/pages/soundboard.html

121 lines
4.9 KiB
HTML
Raw Normal View History

2019-10-24 21:27:44 +00:00
<--
.. title: Soundboard
.. slug: soundboard
.. date: 2019-10-24
.. description:
.. type: text
-->
<html>
<body>
<div class="container">
<div class="row">
<div class="col">
2019-10-27 19:03:18 +00:00
<audio id="audio1" src="/oceanwind.m4a"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio1')">Oceanwinder Theme</button>
2019-10-24 21:27:44 +00:00
</div>
<div class="col">
2019-11-14 21:11:39 +00:00
<audio id="audio13" src="/brittanican.m4a"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio13')">Britannican Theme</button>
2019-10-24 21:27:44 +00:00
</div>
2019-10-25 21:48:09 +00:00
<div class="col">
2019-10-27 19:03:18 +00:00
<audio id="audio14" src="/Marpheim.m4a"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio14')">Marapheim Theme</button>
2019-10-25 21:48:09 +00:00
</div>
<div class="col">
2019-11-14 21:11:39 +00:00
<audio id="audio15" src="/uas.m4a"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio15')">UAS Theme</button>
2019-10-25 21:48:09 +00:00
</div>
<div class="col">
2019-11-10 22:08:28 +00:00
<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>
2019-10-25 21:48:09 +00:00
</div>
2019-10-27 16:14:02 +00:00
</div>
<br/>
2019-11-14 21:11:39 +00:00
2019-10-27 16:14:02 +00:00
<div class="row">
2019-10-27 19:03:18 +00:00
<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>
2019-11-10 22:08:28 +00:00
<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>
2019-10-27 19:03:18 +00:00
<div class="col">
2019-11-14 21:11:39 +00:00
<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>
2019-10-27 19:03:18 +00:00
</div>
2019-11-14 21:11:39 +00:00
</div>
<br/>
<div class="row">
2019-10-27 19:03:18 +00:00
<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>
2019-10-25 21:48:09 +00:00
<div class="col">
2019-11-14 21:11:39 +00:00
<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>
2019-10-25 21:48:09 +00:00
</div>
2019-10-27 16:14:02 +00:00
<div class="col">
2019-11-10 22:08:28 +00:00
<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>
2019-10-27 16:14:02 +00:00
</div>
2019-10-24 21:27:44 +00:00
</div>
<br/>
2019-11-14 21:11:39 +00:00
<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/>
2019-10-24 21:27:44 +00:00
<div class="row">
2019-11-10 22:08:28 +00:00
<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>
2019-11-14 21:11:39 +00:00
<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">
2019-10-24 21:27:44 +00:00
<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>