网站的背景音乐在服务器上不播放,博客园设置背景音乐【不需要额外服务器或第三方音乐平台】...

一、申请侧边公告栏 js 权限(页首和页脚都只支持html)

这里就不详说，这个很多人都有说，百度一下就可。

二、选取音乐

你喜欢的音乐，只要浏览器 Audio 标签支持即。

三、上传音乐文件

在博客园管理界面的上传文件出上传你的音乐，看到关键点了没？文件后缀名不是 mp3 等音乐文件后缀名，而是 .js 有木有！

重点就是在这里，你需要将自己的音乐文件该成这里允许的格式上传即可，然后通过 js 创建 DOM 对象，创建一个 Audio 实例即可使用。

在侧边栏公告代码区域中添加一个 script 标签，标签中代码如下即可：

var audio = new Audio('https://files.cnblogs.com/files/YMaster/DaneliyaTules-Spectrum.js');

audio.play();

audio.loop = true;

四、打开自己的博客看看吧！

这里在 Elements 中能看到 audio 标签是因为我的 script 代码如下

var audio = new Audio('https://files.cnblogs.com/files/YMaster/DaneliyaTules-Spectrum.js');

audio.play();

audio.loop = true;

window.musicbox.appendChild(audio); // 这里完全可以不需要

PS：这里 new 出来的 audio 对象和我们通过 js 获取到的 audio 标签的 DOM 是一模一样的，所以可以直接插到 DOM 树中，需要注意的是只有 audio 对象是有 Audio 构造函数的，video 是没有的。

你完全可以多上传几个随机或循环播放，也可以自己写个控制器进行控制让其他人可以控制其播放与否。