74 lines
2.8 KiB
HTML
74 lines
2.8 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.mp3"></audio><button type="button" class="btn btn-outline-primary btn-lg" onClick="play('audio1')">Oceanwinder Theme</button>
|
|
</div>
|
|
<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="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 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"</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="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>
|