前言：

这两天好久没有更新网站美化教程了，正好看到之前的源码有一款好看的弹窗提示播放音乐的源码，分享给大家

使用方法：

原本的实现方式有很多 javascript 代码，考虑到很多朋友看起源代码来费劲，而且还有很多小白朋友，因此社长把所有代码集成了一下，简单的 4 个文件调用一下即可，太多代码不集成优化一下显得特别冗余。

调用代码：

可以直接调用社长的代码，代码均上传到永久地址可放心调用，如想将代码放在自己服务器调用，我会在文章底部添加源代码下载地址

代码添加方式一：

<!-- 音乐路径 --><audio src="https://cdn.jsdelivr.net/gh/1426239465/music/yinyue/破茧 - 张韶涵.mp3" id="audio"></audio><!-- 音乐路径结束 by w.a-ro.cn --><!-- 核心 js 代码开始 --><script src="https://cdn.staticfile.org/jquery/1.11.0/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/gh/1426239465/music/musictc/Music.min.js"></script><!-- 核心 js 结束 by w.a-ro.cn --><!-- 音乐调用 js --><script src="https://cdn.jsdelivr.net/gh/1426239465/music/musictc/musicty.js"></script><!-- 音乐调用 js 结束 by w.a-ro.cn -->

源代码下载：

蓝凑下载https://yonghrng.lanzouo.com/isG1Rx8qtde

本地代码引用方式二：

<!-- 音乐路径 --><audio src="你的音乐地址" id="audio"></audio><!-- 核心 js 代码开始 --><script src="你的源码放置地址+/jquery.min.js"></script><script src="你的源码放置地址+/Music.min.js"></script><!-- 音乐调用 js --><script src="你的源码放置地址+/musicty.js"></script>