HEXO 加入外链播放器的一些技巧(如何设置背景音乐)

　　今天又去研究了一下关于hexo插入外链播放器的东西，结果还真的搞出来一些非常有趣的东西。

　　如果要加入外链播放器的话，我个人还是比较推荐使用网易云(因为实在是比较方便)。去 http://music.163.com/ 找到想添加的歌曲,点击 生成外链播放器 ,会生成代码,加入到博客即可.
　　首先它会给你一段 HTML代码 ,如下所示:

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

　　然后你将 width和height这两个参数的值更改为零，就可以隐藏播放器，变为背景音乐模式。
　　接下来就是比较关键的部分了！我们如果想要设置整个网页的背景音乐怎么办呢？
　　这非常简单，我们将这行代码加到cybeird(你的项目名)themesnextlayout_partials文件夹下的footer.swig中，这样网页在渲染的时候就会顺便把音乐自动加到页面中了，十分方便。
　　不过这样的话响应速度会比较感人，如果项目托管在coding的话会好一些。当然如果你足够强大也可以这么干！->这里<-

原文:大专栏  HEXO 加入外链播放器的一些技巧(如何设置背景音乐)

原文地址：https://www.cnblogs.com/wangziqiang123/p/11618304.html

时间： 2024-08-03 16:20:09

HEXO 加入外链播放器的一些技巧(如何设置背景音乐)的相关文章

网易云音乐歌单生成外链播放器

(一)自己创建的歌单没有生成外链选项的解决方法 解决方法: 1.分享歌单 2.打开分享界面的歌单链接 3.打开歌单即可看到生成外链的点击链接 (二)网易云音乐歌单因为版权原因无法生成外链的解决方法 1. 打开歌单页面,在"生成外链播放器"上右击,点击审查元素(检查)ctrl+shift+i: 2. 接着找到生成外链播放器这段文字直接双击复制前面的/outchain/0/577543756/ 3. 然后修改歌单链接示例:http://music.163.com/#/outchain/0/

网站外链推广的10大技巧

http://t.qq.com/jiudianfuw8224 http://t.qq.com/p/t/455297118430823 http://t.qq.com/jiudianfuw8463 http://t.qq.com/p/t/456896049934661 http://t.qq.com/jiudianfuw9367 http://t.qq.com/p/t/459696081146415 http://t.qq.com/jiudianfuw9094 http://t.qq.com/p/

html 音乐 QQ播放器 外链 代码 播放器 外链 代码

韩梦飞沙  韩亚飞  [email protected]  yue31313  han_meng_fei_sha QQ播放器 外链 代码 播放器 外链 代码 ======== 歌曲链接 QQ播放器 外链 代码 播放器 外链 代码 <EMBED src="音乐url" autostart="true" loop="true" width="80" height="20"> 在网易云音乐, 搜索一首

基于我们3组的网易云APP制作，找的APlayer H5音乐播放器

APlayer是一个非常漂亮的HTML5音频播放器,UI参考自网易云音乐外链播放器.它将audio标签封装,并结合CSS制作出漂亮的播放器UI,它支持设置歌名.歌手和歌词,可以设置是否自动播放,支持缩略图,支持播放进度以及设置播放源. HTML 首先是要加载播放器样式文件,这个播放器的样式酷似网易云音乐播放器.接着载入APlayer.js文件.然后在body中加入播放器div#player1,用于显示播放.<link rel="stylesheet" href="APl

首页音乐播放器添加&quot;多首音乐&quot;

添加音乐播放器可以去这个博主的网址参考学习 原文链接:http://www.cnblogs.com/RhinoC/p/4695509.html 以下是针对添加“多首音乐”的详细过程: (注:由于之前并没有仔细阅读那位博主的文章,导致在添加多首音乐时绕了一点弯路,不过最后自己想到了,就是添加一个歌单外链,在添加歌单外链是又遇到一点小问题,下面会详细叙述) 进网易云音乐官网首页:https://music.163.com/#登录你的账号,把你喜欢的音乐创建成一个歌单 找不到生成外链播放器?别急,试着

给博客增加一个音乐播放器特效

我是直接使用网音乐音乐的 我感觉这样比较快一点 把自己喜欢的音乐放进去 生成相应的代码就可以了 具体步骤: 首先:找到网易云音乐官网登录 然后:找到自己喜欢的音乐 旁边有一个生成外链播放器,直接点击进入就会得到: 把下面生成的代码直接复制粘贴到博客里面的公告栏就可以了 至于位置,需要自己来衡量了 上面也说明了很多博客网站不支持嵌入iframe 这个博客园就是不会支持iframe的嵌入 我们需要把iframe更换为:embed  就可以了 有的小伙伴,可能不会只是添加一首歌(举个栗子,我就是这样的

给博客添加网易云外链时掉的坑

最近在装修我的博客,由于自己没什么脑子,也掉了不少的坑 以前进别人的博客里看文章,看着看着耳机里就突然开始放歌,往下一翻,哟!骚操作,网页里还放了个网易云播放器,网上一查,原来是个叫网易云外链的玩意儿,还是网易云音乐自动生成的,我也去弄一个 打开网易云音乐官网(传送门)(一定要用网页版).网易云外链可以链一首歌,也可以链一整个歌单,如果放一首歌,就直接在网站上搜歌,进播放页面,点"生成外链播放器".如果弄歌单,就进你要的歌单,操作和前面差不多 接下来你会看到一个iframe插件和一个f

音乐播放器的实现

音乐播放器的实现 我用的是网易云音乐的外链播放器,其他的播放器也大都差不多,只不过个人比较喜欢网易云音乐的歌单,如果歌单内容有变化的话,播放列表会随之更新,还是比较不错的. 实现步骤 找到自己喜欢的歌单,然后进入页面会看见生成外链播放器的选项,点击进入之后,根据自己的需求来配置相关选项,然后复制最后的代码,直接粘贴到markdown文件之中就OK了. 大专栏  音乐播放器的实现代码是我本页面播放器的代码:" class="headerlink" title="下面的

【U3D】播放器设置(PlayerSettings)

播放器设置 (Player Settings) 播放器设置 (Player Settings) 用于为您要在 Unity 中编译的最终游戏定义各项(特定于平台的)参数.例如,参数中的一些值用于您打开单机版游戏时启动的分辨率对话框 (Resolution Dialog) 中,而在编译 iOS 设备游戏时 XCode 会使用其他值.因此,正确填写这些值十分重要. 要查看“播放器设置”(Player Settings),请从菜单栏选择编辑 (Edit) -> 项目设置 (Project Setting