zoukankan      html  css  js  c++  java
  • 博客园添加单曲背景音乐

    博客园的自定义 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/
    • 网易云音乐生成歌单的列表时会出现版权保护,这是由于歌曲不允许外链播放,目前只介绍单曲的插入播放。
      在这里插入图片描述
    • 也可以试着把能生成外链的单曲加入到新建的歌单当中,然后再生成外链,这样插入播放的音乐就是歌单上的了,大致步骤如下:
    • 点击网易云头像——>我的主页,找到我创建的歌单
      在这里插入图片描述
    • 点击歌单进去,生成歌单的外链播放器
      在这里插入图片描述
    • 接着就是和上面一样的步骤插入到博客园即可。
    世间味趣亦如此,万物且去轮浮生。
  • 相关阅读:
    java 多线程学习(一)
    解决安卓微信浏览器刷新问题
    sublime text3 配置tab为4个空格
    React 错误Each child in an array or iterator should have a unique “key” prop
    git filename to long问题解决
    JS获取URL参数 方法
    CSS超出2行省略号
    JS判断是否为安卓orIOS
    获取移动设备真实宽高
    微信分享朋友圈监听(PHP)
  • 原文地址:https://www.cnblogs.com/xdr630/p/15003839.html
Copyright © 2011-2022 走看看