What Does the Fox Say Soundboard

Size
2,133 Kb
Views
32,384

How do I make an what does the fox say soundboard?

Simple javascript soundboard.. What is a what does the fox say soundboard? How do you make a what does the fox say soundboard? This script and codes were developed by Chris Wachtman on 17 October 2022, Monday.

What Does the Fox Say Soundboard Previews

What Does the Fox Say Soundboard - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>What Does the Fox Say Soundboard</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1>The Fox Says...</h1>
<audio controls> <source src="https://dl.dropboxusercontent.com/u/6213850/FoxSay.mp3" type="audio/mpeg">
</audio>
<div class="buttons"> <button class="btn1">Ring-Ding</button> <button class="btn2">Wa-Pa-Pow</button> <button class="btn3">Hatee-Ho</button> <button class="btn4">Joff-Tchoff</button> <button class="btn5">Jacha-Chow</button> <button class="btn6">Fra-Kaka-Kow</button> <button class="btn7">A-Hee-Ha</button> <button class="btn8">A-Oooooo</button> <button class="btn9">Bibitty</button>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

What Does the Fox Say Soundboard - Script Codes CSS Codes

body { font-family: sans-serif; text-align: center;
}
h1{ text-align: center;
}
.buttons{ padding: 20px 0; max-width: 500px; margin:0 auto;
}
button{ display: block; float: left; height: 100px; width: 30%; padding: 0; margin: 1.6%;
}

What Does the Fox Say Soundboard - Script Codes JS Codes

var t, audio = document.getElementsByTagName("audio")[0];
function playPortion(start){ audio.currentTime=start; audio.play(); clearInterval(t); t=setInterval(function(){ audio.pause(); },5600);
}
$('.btn1').click(function(){ playPortion(42);
});
$('.btn2').click(function(){ playPortion(49.311641);
});
$('.btn3').click(function(){ playPortion(56.917427);
});
$('.btn4').click(function(){ playPortion(64.302131);
});
$('.btn5').click(function(){ playPortion(116.891206);
});
$('.btn6').click(function(){ playPortion(125.177395);
});
$('.btn7').click(function(){ playPortion(131.361057);
});
$('.btn8').click(function(){ playPortion(138.667448);
});
$('.btn9').click(function(){ playPortion(193);
});
What Does the Fox Say Soundboard - Script Codes
What Does the Fox Say Soundboard - Script Codes
Home Page Home
Developer Chris Wachtman
Username cwacht
Uploaded October 17, 2022
Rating 3
Size 2,133 Kb
Views 32,384
Do you need developer help for What Does the Fox Say Soundboard?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Chris Wachtman (cwacht) Script Codes
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!