Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Tree: 11ef31f087
Ryan Doherty
57 lines (51 sloc) 1.84 KB
$files = glob("clips/*.ogg")
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ClouserW Soundboard</title>
<link rel="stylesheet" type="text/css" href="">
<link rel="stylesheet" type="text/css" href="">
<style type="text/css" media="screen">
button {
-moz-border-radius: 5px;
background: red;
border: 3px solid black;
display: inline-block;
cursor: pointer;
padding: 3px 5px;
margin: 5px;
html {
background: url(;
h1 {
color: white;
<div id="doc">
<h1>ClouserW Soundboard</h1>
<!-- JS here to prevent 'flash' of all the default audio players -->
<script src=""></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$("audio").removeAttr("controls").each(function(i, audioElement) {
var audio = $(this);
var that = this; //closure to keep reference to current audio tag
$("#doc").append($('<button>'+audio.attr("title")+'</button>').click(function() {;
<?php foreach($files as $file) { ?>
<?php $title = str_replace(".ogg", "", str_replace("clips/", "", $file)); ?>
<audio src="<?php echo $file; ?>" controls autobuffer="true" title="<?php echo $title ?>"></audio>
<?php } ?>
Jump to Line
Something went wrong with that request. Please try again.