博客园背景音乐调用,通吃网易云音乐、虾米

  单调的文字怎么行,让音乐为你的博文加点料。什么?你写的是技术型博客不搞这么多文艺,大叔,技术型博客也可以很文艺的诶。

  今天下三分,网易云、虾米、所有的XX音乐各占据了国内的音乐市场,不过要论曲库哪家全,网易云虾米撕破脸。所以呢,要想博客加上稳定的音乐外链,就在这两者之间选择吧。

在网站上选择合适的背景音乐并外链

  何为“合适的背景音乐”呢?首先是前奏不要太唐突,不然网友一打开你的博客就是“咚咚咚”的声音,撸管到一半犯心脏病怎么办?其次就是曲调柔和,柔和的曲调可以使听众最大化,因为大部分人对这种音乐都不反感。做到这两点,就可以去网易云虾米上搜索选定歌曲了,当然也可以外链歌单。

  在歌曲/歌单页面下,点击“生成外链播放器”(网易)、“转帖”(虾米)就可以看到歌曲的HTML代码了。这里以歌曲 Echo 为例,展示下两种不同播放器的区别。

<embed src="http://www.xiami.com/widget/0_1770124689/singlePlayer.swf" type="application/x-shockwave-flash" width="257" height="33" wmode="transparent"></embed>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=18607260&auto=0&height=66"></iframe>

  值得注意的是,虾米使用的是 embed 而网易云则是 iframe,而 iframe 有个很大的毛病,这个网易云也有提示“很多博客网站不支持嵌入iframe,请试一下您的网站是否支持”。这些都不重要,重要的是博客园就不支持 iframe。当然要解决也很简单,把 iframe 替换成 embed 就行了,注意前后两个标记都要替换哦,此外,既然都没有 iframe 了,自然 frameborder 也可以去掉了,结果就是:

<embed border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=18607260&auto=0&height=66"></embed>

  注意:auto=1 为自动播放,0为不自动播放;width 和 height 修改前面的,根据自己的博皮调整。

将外链播放器应用在博客园首页

  这个想必大家都知道了,进入博客园设置,复制之前得到的代码添加在 页首/页脚/公告 里,刷新一下博客页面,就可以看到播放器妖娆地躺在页面上了。

效果图(放置在公告栏)

下面是歌曲推荐时间

时间: 2024-07-30 19:46:30

博客园背景音乐调用,通吃网易云音乐、虾米的相关文章

【转载】博客园背景音乐调用,让音乐为你的博文加点料

[转载]博客园背景音乐调用,让音乐为你的博文加点料 单调的文字怎么行,让音乐为你的博文加点料.什么?你写的是技术型博客不搞这么多文艺,大叔,技术型博客也可以很文艺的诶. 今天下三分,网易云.虾米.所有的XX音乐各占据了国内的音乐市场,不过要论曲库哪家全,网易云虾米撕破脸.所以呢,要想博客加上稳定的音乐外链,就在这两者之间选择吧. 在网站上选择合适的背景音乐并外链 何为“合适的背景音乐”呢?首先是前奏不要太唐突,不然网友一打开你的博客就是“咚咚咚”的声音,撸管到一半犯心脏病怎么办?其次就是曲调柔和

博客园背景音乐添加

这个功能挺好的很喜欢. 准备条件:1. 以我这为例在网易云音乐上的网页版,生成外链节播放器(注意有的歌曲版权问题无法使用) 2. 在设置里面申请 JS代码权限 3. 代码稍加修改 示例: 网易云音乐复制的代码: <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music

关于网易云音乐爬虫的api接口?

抓包能力有限,分析了一下网易云音乐的一些api接口,但是关于它很多post请求都是加了密,没有弄太明白.之前在知乎看到过一个豆瓣工程师写的教程,但是被投诉删掉了,请问有网友fork了的吗?因为我觉得他写的代码都比较pythonic,符合pep8规范.知乎另外几名大V比如@路人甲虽然经常分享数据,但是很少分享源代码,github也没有公布,公开过的代码我觉得他很多基础的pep8细节都忽略了,而且他的爬虫的效率非常低,比如爬网易10k+评论,在专栏说爬了6个小时之类的很辛苦之类的话,但是看他的代码别

博客园设置类似sublime高亮代码

需要用到highlight.js,需要FQ,官网为https://highlightjs.org,首先官网的只有默认主题包,我们需要自定义主题包需要去它的github上找,地址为https://github.com/isagalaev/highlight.js,我用的主题是monokai-sublime.css 所以呢在github上把这个css文件给copy下来,然后把它的js文件也copy下来.上传文件到博客园,不要用官网的cdn,因为样式不能自定义,还要担心哪天地址不能用了 <link r

博客园添加背景音乐,背景效果!

目录 博客园添加背景音乐,背景效果 申请博客园JS权限 添加网易云背景音乐 点击鼠标点击样式 二次元看板娘 雪花效果 原文地址:https://www.cnblogs.com/1212dsa/p/11438461.html

博客园为自己首页添加背景音乐

以网易云音乐为例: 选歌点击生成外链播放器会跳转到iframe找到下面的那段HTML代码,并复制那段代码 并将开头的iframe frameborder="no"替换成 embed 最后面的iframe也替换成 embed,将代码粘贴到博客园设置-首页HTML代码框保存. auto=1 为自动播放,0为不自动播放 改完是这样的:

博客园设置背景音乐【不需要额外服务器或第三方音乐平台】

一.申请侧边公告栏 js 权限(页首和页脚都只支持html) 这里就不详说,这个很多人都有说,百度一下即可. 二.选取音乐 你喜欢的音乐,只要浏览器 Audio 标签支持即. 三.上传音乐文件 在博客园管理界面的上传文件出上传你的音乐,看到关键点了没[之前图片缩放后看不清,我给重新截图了]?文件后缀名不是 mp3 等音乐文件后缀名,而是 .js 有木有! 重点就是在这里,你需要将自己的音乐文件该成这里允许的格式上传即可,然后通过 js 创建 DOM 对象,创建一个 Audio 实例即可使用. 在

Python爬虫入门教程:博客园首页推荐博客排行的秘密

1. 前言 虽然博客园注册已经有五年多了,但是最近才正式开始在这里写博客.(进了博客园才知道这里面个个都是人才,说话又好听,超喜欢这里...)但是由于写的内容都是软件测试相关,热度一直不是很高.看到首页的推荐博客排行时,心里痒痒的,想想看看这些大佬究竟是写了什么文章这么受欢迎,可以被推荐.所以用Python抓取了这100位推荐博客,简单分析了每个博客的文章分类,阅读排行榜,评论排行榜及推荐排行榜,最后统计汇总并生成词云.正好这也算是一篇非常好的Python爬虫入门教程了. 2. 环境准备 2.1

我的版权何在?博客园就不维护博友文章的版权?

说到版权心里就很不爽,大家很多时候自己的利益都有被侵犯的时候,很多人感觉不再乎,以前自己也是. 自己以前在51cto技术博客也写博客,不能说每天都写吧,但是每周都会出新笔记,当时自己也有很多粉丝,当时朋友就给我说,记得写笔记啊,我们都等着看呢,晚上10点前发出来,我必看.当时自己把自己知道的,结合所学到的一块做成world文档,加图片,标注,一心一意的写,偶尔也会录个小视频.想着自己会有越来越多的粉丝,后来博客就被封了,就中午下去吃顿饭的功夫,后来申诉去了,说我博客内容雷同,想想可能版权的问题,