Code: Select all
<html>
<head>
<script>
var drake = {
value: 3,
name: 'Energy',
artist: 'Drake',
audio: 'https://sample-videos.com/audio/mp3/crowd-cheering.mp3',
img: '<img style="width: 50%; margin-right: 25%; margin-left: 25%; margin-top: 10%;" src="http://www.getrichrapping.com/wp-content/uploads/2015/08/Drake-Energy.jpg">'
};
function playSong(object) {
var Song = new Audio(object.audio);
Song.play();
return Song;
}
function togglePlayPause(audioElement) {
if (audioElement.paused) {
audioElement.play();
} else {
audioElement.pause();
}
}
var myPlayer;
function playMe() {
console.log("playMe");
myPlayer = playSong(drake); // load song and play it
myPlayer.hidden = false;
}
function pausePlayToggle() {
console.log("pauseMe");
if (myPlayer.paused) {
console.log("paused->now play");
myPlayer.play();
} else {
console.log("playing -> pause");
myPlayer.pause();
}
}
function seekMe() {
console.log("seekMe");
myPlayer.currentTime=5;
}
// var audioElement = playSong(drake); // load song and play it
// togglePlayPause(audioElement); // pause song
</script>
</head>
<body>
Ciao<br>
<input type="button" onClick='playMe()' value="play"><br>
<input type="button" onClick='pausePlayToggle()' value="play/pause"><br>
<input type="button" onClick='seekMe()' value="seek"><br>
</body>
</html>