通过jQuery播放mp3音乐
<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<script th:src="@{/static/js/jquery-3.6.0.js}"></script>
</head>
<body>
<audio autoplay="autoplay" id="audio" loop="loop">
<source th:src="@{/static/music/BGM.mp3}" type="audio/MP3">
</audio>
<img id="player" class="music_img" th:src="@{/static/music/music-note.png}" alt="">
</body>
<script>
$(function () {
let music = $("#audio")[0];
let musicImg = $("#player");
musicImg.click(function () {
if (music.paused) {
music.play();
} else
music.pause();
});
})
</script>
</html>
|