博客园添加单曲背景音乐
时间: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
- MongoDB副本集配置
- MongoDB副本集搭建
- vhr部门管理数据库设计与编程
- SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题(六)
- 权限管理模块中动态加载Vue组件
- axios请求封装和异常统一处理
- SpringSecurity中密码加盐与SpringBoot中异常统一处理
- SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题(二)
- SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题(一)
- Java操作MongoDB
- 初识MongoDB分片
- Linux上安装Redis
- SpringBoot+WebSocket实现在线聊天(二)
- SpringBoot中使用Freemarker构建邮件模板
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 谈谈线程
- springboot整合定时框架-Elastic-job-lite
- hashMap的循环姿势你真的使用对了吗?
- SpringBoot整合常用技术
- SpringBoot整合Quartz实现定时任务(单任务、多任务)
- 你的登录接口,真的安全吗?如何预防黑客攻击
- JWT登录信息加密
- 我画了近百张图来理解红黑树
- SpringBoot之API--Swagger2接口文档管理
- 索引失效原理,终于有人讲明白了
- 你真了解你的系统吗?它要崩溃了
- 伸手党的容器镜像加固流程
- 前端模块化开发--React框架(四):高级应用(redux)
- Tomcat性能优化,学会薪水翻倍
- 前端模块化开发--React框架(三):应用进阶(react-router4&&antd框架)