博客园添加单曲背景音乐

时间:2021-07-12
本文章向大家介绍博客园添加单曲背景音乐,主要包括博客园添加单曲背景音乐使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

博客园的自定义 css 、js背景的功能确实不错。还可以添加背景音乐啥的。

  • 首先在博客园的后台设置那里申请到 js 的权限才能插入播放器的代码,申请理由充分一点才能被审核通过,审核时间一两天。
  • 开通以后就可以使用js代码进行装饰了
  • 添加网易云背景音乐,登录到web版网易云的界面,播放要添加的单曲,点击后
  • 来到歌曲的主页,生成外链播放器
  • 复制下面的代码
  • 把上面代码的 <iframe>标签换成 <embed>,这里注意的是 <embed> 是单标签,换成后如下:
  • 下面代码的 auto=0 为点击播放,auto=1 为自动播放
<embed frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 
height=86 src="//music.163.com/outchain/player?type=2&id=657666&auto=1&height=66"/>
  • 把上面的代码添加到博客园的侧边栏上即可
  • 保存后刷新下博客园的页面看效果,如我的博客园。
  • https://www.cnblogs.com/xdr630/
  • 网易云音乐生成歌单的列表时会出现版权保护,这是由于歌曲不允许外链播放,目前只介绍单曲的插入播放。
  • 也可以试着把能生成外链的单曲加入到新建的歌单当中,然后再生成外链,这样插入播放的音乐就是歌单上的了,大致步骤如下:
  • 点击网易云头像——>我的主页,找到我创建的歌单
  • 点击歌单进去,生成歌单的外链播放器
  • 接着就是和上面一样的步骤插入到博客园即可。
世间味趣亦如此,万物且去轮浮生。

原文地址:https://www.cnblogs.com/xdr630/p/15003839.html