-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathand-pbbv.html
34 lines (34 loc) · 1.45 KB
/
and-pbbv.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<link rel="icon" href="https://xdzipper.fr.to/favicon-xdziper.svg" type="image/x-icon">
<title>XDZIPPER Music - And PBBV</title>
<link rel="stylesheet" href="https://xdzipper.fr.to/style.css">
<body style="background-color: #0023a0"></body>
<div style="text-align: center">
<img src="https://xdzipper.fr.to/music/xdzipper%20music.svg" width= 100 height=50>
</div>
<div style="text-align: center">
<img src="images/turquoise-face.jpg" width=150 height=150>
</div>
<div style="text-align: center">
<h2 style="color: white">And PBBV</h2>
</div>
<div style="text-align: center">
<h3 style="color: white">
Made by XDZIPPER Music (formerly RBS Official)
</h3>
</div>
<audio id="audio" src="sounds/and_PBBV.mp3"></audio>
<div style="text-align: center">
<button onclick="audio.play()">Play</button>
<button onclick="audio.pause()">Pause</button>
<button onclick="audio.currentTime=0; audio.pause()">Stop</button>
<input type="range" id="progressBar" value="0" step="1" onchange="audio.currentTime = this.value * audio.duration / 100">
</div>
<script>
const audio = document.getElementById('audio');
audio.addEventListener('timeupdate', () => {
document.getElementById('progressBar').value = (audio.currentTime / audio.duration) * 100;
});
</script>
<h3></h3>
<br>
<a href="index"><img src="https://xdzipper.fr.to/games/home-button.png" width=143 height=81></a>