通过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]; // jQuery对象转dom对象let musicImg = $("#player");// setTimeout(() => {music.play();}, 1000);  // 1s后自动播放musicImg.click(function () {  // 点击图标:播放 or 暂停if (music.paused) {music.play();} elsemusic.pause();});})
</script>
</html>

jQuery播放音乐相关推荐

jQuery+html5音乐网站mp3播放器代码
播放器演示 jQuery+html5音乐网站mp3播放器代码演示播放器介绍 jQuery+html5音乐网站mp3播放器代码 1. 支持显示播放进度条: 2. 支持拖动播放功能: 3. 支持显示音量 ...
【小河今学 | JavaScript + JQuery】音乐播放器4-音量调整、单曲循环、全部循环
08.18今天来完善音乐播放器的音量调整.单曲循环和全部循环功能. 本篇基于上一篇[小河今学 | JavaScript + JQuery]音乐播放器3-歌词轮播和进度条跳转功能实现一.音量调整首先 ...
基于jQuery虾米音乐播放器样式代码
分享一款基于jQuery虾米音乐播放器样式代码.这是一款基于jquery+html5实现的虾米音乐播放器源码下载.效果图如下: 在线预览源码下载实现的代码. html代码: <div ...
【折腾的一个小玩意】基于jquery+百度音乐的音乐外链小工具
[折腾的一个小玩意]基于jquery+百度音乐的音乐外链小工具现在百度mp3好像关掉了,虾米的加载又慢,于是我就根据以前发过的百度音乐的代码弄了这个东西.代码托管到百度BAE的,应用还在审核中,不知 ...
JQuery实现音乐导航栏的简单实现
实现代码如下所示: <!DOCTYPE html> <html> <head><meta charset="utf-8" />< ...
python定时播放音乐程序_python实现定时播放mp3
python实现定时播放mp3 程序很简单,主要是 mp3play 模块的应用 import mp3play, time filename = "Should It Matter.mp3&q ...
旋转的水晶球可以播放音乐
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
android在线播放音乐
2019独角兽企业重金招聘Python工程师标准>>> android在线音乐一种方法是调用android自带的播放器 //调用系统自带播放器Intent intent = new ...
解决后台播放音乐时，设置手机铃声，后台音乐不会暂停
2019独角兽企业重金招聘Python工程师标准>>> 手机后台播放音乐时,设置手机铃声,后台音乐不会暂停,此现象的为设置手机铃声界面,并没要加入播放的foucs机制, 此修改在pa ...

jQuery播放音乐

通过jQuery播放mp3音乐

jQuery播放音乐相关推荐

最新文章

热门文章