<style>
.play,
.pause,
.up,
.down { background:#999999; float:left; margin:0px; padding:0px;
border:2px solid #333333; color:#fff; padding:3px; cursor:pointer; }
</style>
<body>
<audio autoplay id="player" src="sound/audio.wav"></audio>
<div>
<button onclick="document.getElementById('player').play()" class="play">Play</button>
<button onclick="document.getElementById('player').pause()" class="pause">Pause</button>
<button onclick="document.getElementById('player').volume+=0.1" class="up">Volume Up</button>
<button onclick="document.getElementById('player').volume-=0.1" class="down">Volume Down</button>
</div>
</body>
.play,
.pause,
.up,
.down { background:#999999; float:left; margin:0px; padding:0px;
border:2px solid #333333; color:#fff; padding:3px; cursor:pointer; }
</style>
<body>
<audio autoplay id="player" src="sound/audio.wav"></audio>
<div>
<button onclick="document.getElementById('player').play()" class="play">Play</button>
<button onclick="document.getElementById('player').pause()" class="pause">Pause</button>
<button onclick="document.getElementById('player').volume+=0.1" class="up">Volume Up</button>
<button onclick="document.getElementById('player').volume-=0.1" class="down">Volume Down</button>
</div>
</body>
No comments:
Post a Comment