26 lines
677 B
HTML
26 lines
677 B
HTML
<html>
|
|
<head>
|
|
<title>Audio_Test_Page</title>
|
|
</head>
|
|
<body>
|
|
<p id="testContent">Page content: audio player</p>
|
|
<div class="audioPlayer">
|
|
<audio id="audioSample" controls loop>
|
|
<source src="../resources/audioSample.mp3">
|
|
</audio>
|
|
</div>
|
|
<div class="playbackState">
|
|
</div>
|
|
<script>
|
|
const audio = document.querySelector('audio');
|
|
|
|
audio.addEventListener('playing', (event) => {
|
|
document.querySelector('.playbackState').innerText="Media file is playing"
|
|
});
|
|
|
|
audio.addEventListener('pause', (event) => {
|
|
document.querySelector('.playbackState').innerText="Media file is paused"
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |