html浮窗音乐播放器插件,墨涩网 - WordPress浮窗音乐播放器Floating Window Music Player V3.2.6——墨涩网...
有些博客的侧边有自动收缩的音乐播放器,是不是很羡慕,今天介绍一款插件可以轻松实现WordPress 浮窗音乐播放器,WordPress浮窗音乐播放器Floating Window Music Player V3.2.6由@Eric Zane 制作,支持网易、QQ、虾米和百度等音乐歌单的在线播放,可以为你的网站添加一个悬浮的音乐播放器。
开发说明
* 本插件经严格审核后已上传到WordPress官方插件库。
* 初始核心代码和前端UI来自明月浩空,初始修改来自NC影子。经过2年的不断完善,逐步加入多项首创功能(详见下面说明),现已基本稳定。目前功能性来说除了ksc歌词外已超越了明月浩空;NC影子播放器也已是基本参考了本播放器。
* API支持改由@metowolf开发的Meting框架提供。
* 价值200大元的明月浩空版很好很强大,但只有Emlog、Zblog、Typecho的专用插件,本插件为Wordpress专用,完全免费。
* NC影子的修改版也免费但核心文件全部没放出来,使用的文件都在他的网站上,一旦哪天他网站崩溃了或是不想免费提供了。。。你懂的。。。
* 本插件仅供小网站播放背景音乐使用,不支持服务器本地文件播放(耗网站空间及流量),也不支持终端本地文件播放(终端的播放器N多,没必要专门开个网页来播)。
* 播放器中的歌曲全部来自各大音乐网站,因此相对应的歌曲版权归各大音乐网站所有。请支持正版音乐,支持各官方音乐网站。
** 自编写了获取各大音乐网站歌单、歌词和改变歌词背景颜色的API接口,本地化所有文件,加入多种常用功能。
插件截图
主要功能
– 总体功能 –
* 支持网易云音乐;
* 支持QQ音乐;
* 支持百度音乐;
* 支持虾米音乐;
* 支持酷狗音乐;
* 支持无限歌单;
* 自动获取全部资源(专辑图片、MP3、歌词、颜色等);
* 记忆功能:包括暂停/播放状态、音量及歌词模式;
* 歌单和歌曲列表滚动条自动跳至当前播放;
* 开启时展开窗体并延时后自动隐藏(可提示新进网站的游客播放器位置,首创);
* 播放器背景颜色随专辑图片的颜色变化;
* 播放器字体颜色随专辑图片的颜色变化(首创);
* 支持语言本地化(目前支持中/英文,首创);
* 支持全站SSL(首创)。
– 后台功能 –
* 音乐网站代码设置(首创);
* 可将QQ、虾米、百度和酷狗音乐网址转换为除名字外代码的工具条(首创)。
* 自定义播放列表名称及欢迎内容;
* 播放器自动隐藏时间设置(首创);
* 加载图标库设置(首创);
* 加载基础库设置(首创);
* 自动播放开关;
* 开启歌词开关;
* 随机歌曲顺序开关(首创);
* 随机专辑顺序开关(首创);
* 随机来源开关(首创);
* 源选择器开关(首创);
* 允许移动端播放开关(首创);
* 内置AJAX防刷新开关及设置(首创);
* 自定义CSS设置(首创)。
– 前端功能 –
* 时间模式按键(正序/倒数)(首创);
* 播放模式按键(随机/顺序/单曲)(首创);
* 歌词模式按键(原文/翻译/关闭)(首创);
* 源选择器按键(首创);
* 查看专辑封面图按键(首创);
* 暂停/播放按键;
* 上/下一歌曲按键;
* 上/下一专辑按键(首创);
* 静音及音量调节按键(首创);
* 歌曲进度控制条(首创);
* 歌曲下载按键;
* 歌曲列表按键。
采用的开源模块
安装
* 将文件手动上传到服务器来安装 、启用并设置。
* 全面支持网易、QQ、虾米、酷狗、百度音乐的歌单播放,具体设置方法参阅设置里的说明。
* 如果你仅仅是测试一下播放器,可以不用更改默认值。
注意事项
* 3.1.6版本开始需要php 5.4+版本支持。
* 首次安装后需要保存一下设置。
* 本插件与同样使用Meting模块的其他插件不相容,如:Hermit X、Netease Music、WP-Player等,请只启用其中1个插件。
== 常见问题 ==
= 无法正常播放怎么办? =
* 尝试在后台开启加载基础库。
* 尝试暂时关闭其他所有插件。
= 网易云音乐无法正常获取歌单 =
* 请自行更改Cookie设置。
= 播放器没正常显示图标怎么办? =
* 在后台开启加载图标库。
= 如何在播放时不被刷新打断? =
* 在后台开启AJAX防刷新。
= 为何在非登录状态下无法播放歌曲? =
* 根据非完全测试,某些AJAX插件如Advanced AJAX Page Loader会对调用Wordpress自身的AJAX造成影响,请尽量替换使用插件自带的AJAX。
= 我的网站的播放按钮位置不居中或字体过大/过小怎么办? =
* 在后台自定义CSS里按示例进行调整(3.0.2更改了字段名,升级的请注意修改)。
修订历史
= 3.2.6 =
* 更新Meting框架至1.5.6(修复QQ音乐)。
= 3.2.5 =
* 更新Meting框架至1.5.5;
* 可兼容php 5.3。
= 3.2.4 =
* 前端开源项目地址恢复。
本地化设置说明
支持语言本地化,原生英文,带有中文库(可自行制作其他语言po/mo文件)。
Wordpress 4.0以上可在仪表盘-设置-常规里选择适合的语言,则可改为对应语言。
英文版演示:http://blog.ericz.tk/
已知BUG
** 安装在国外服务器将受地区版权限制无法使用虾米音乐;
* 百度歌曲地址获取不完善,仍有部分获取失败;
* 偶尔控制键点击无效,按“~”键播放/暂停后可恢复;
* 为安全调用了WordPress的AJAX功能,访问后台时不能强制使用SSL(https,前端无影响),否则无法获取歌单;
* 付费 / 版权歌曲可能无法播放。
下载
** 转载、修改请保留版权相关信息,谢谢!
* 只保留最新版,请勿作无意义评论,垃圾评论会被自动屏蔽哦~
* 保存cookie(时间长或换机器会失效)或是用社会化(QQ、微博等,推荐使用)登录,只需评论一次,以后新版本无需再评论可见密码。
最新版:3.2.6
WordPress官方插件库地址:https://wordpress.org/plugins-wp/floating-window-music-player/
也可在后台插件搜索Floating Window Music Player直接安装。
html浮窗音乐播放器插件,墨涩网 - WordPress浮窗音乐播放器Floating Window Music Player V3.2.6——墨涩网...相关推荐
- php项目网页音乐播放器插件,10个免费开源的JS音乐播放器插件
10个免费开源的JS音乐播放器插件 三月 24, 2015 评论 (3) Sponsor 音乐播放器在网页设计中有时候会用到,比如一些时尚类.音乐或影视类等项目,但这些网页播放器插件比较少见,所以这里 ...
- Wordress博客添加音乐播放器插件
1.之前是使用Aplayer播放器来播放音乐,好看是好看但是要自己动手解决Pjax问题(就是页面跳转会使音乐重新播放) 2.接下来我介绍我发现的另一个音乐播放器 Floating Window Mus ...
- 【原创】WordPress安装悬浮音乐播放器
音乐总是能够给人带来共鸣,我也愿意把我喜欢的音乐分享给大家欣赏. 今天给大家分享一个音乐悬浮插件:[Floating Window Music Player],在插件市场,直接搜索就可以安装. 插件主 ...
- jQuery 图片查看插件 Magnify 开发简介(仿 Windows 照片查看器)
前言 因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功能,比如模态窗的拖拽.调整大小.最大化, ...
- 小型音乐播放器插件APlayer.js的简单使用例子
本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子.关于APlayer.js的具体介绍和Github地址,可以参考: https://github.com/MoePlayer/. ...
- js插件---10个免费开源的JS音乐播放器插件
js插件---10个免费开源的JS音乐播放器插件 一.总结 一句话总结:各种插件都有很多,多去找. 二.js插件---10个免费开源的JS音乐播放器插件 亲测可用 音乐播放器在网页设计中有时候会用到, ...
- mplayer-php,jQuery MPlayer网站音乐播放器插件
jQuery MPlayer网站音乐播放器插件 这是一款2017年贺新春版的红色喜庆音乐播放器代码,jQuery MPlayer网站音乐播放器插件下载. 注意:演示效果在左下角收起来了,别以为没演示! ...
- 非常简洁的vsPlayAudio在线音乐播放器插件
非常简洁的vsPlayAudio在线音乐播放器插件. 简介 1.暂时只支持网易云音乐之后添加本地音频 2.暂时不支持手机端(未测试) 3.版本初期可能会有BUG 使用方法 <head> & ...
- 仿网易云音乐html代码,仿网易云音乐外链播放器UI的HTML5音乐播放器插件
简要教程 APlayer是一款仿网易云音乐外链播放器UI的HTML5音乐播放器插件.APlayer音乐播放器可以自定义歌曲封面,可以自定义同步歌词等,界面时尚大方,是一款非常好的HTML5音乐播放器插 ...
- 小型音乐播放器插件APlayer.js的简单使用例子 1
本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子.关于APlayer.js的具体介绍和Github地址,可以参考: https://github.com/MoePlayer/A ...
最新文章
- 机器学习各领域必读经典综述
- 《用Python进行自然语言处理》第 1 章 语言处理与 Python
- Jetpack CameraX 最新最全解读-开发实践
- oracle定时删库,Oracle数据库如何定期正确删除archivelog文件
- C#中的Explicit和Implicit了解一下吧
- linux 逻辑卷 pe size 4.00 mib大小怎么改,linux逻辑卷的建立
- Map以自定义类做为键值
- [html] 给内联元素加float与给块元素加float有什么区别?
- 整理一个双向链表list.h
- python简单代码-Python中几个非常神奇的代码的简洁,方便,高效!
- 信号处理simulink仿真-DSP系统工具箱
- “拖延症”的良方——对于追求完美,自制力差,情绪化的人很受用。
- 极米NEW Z6X和坚果G9哪个好?
- jsp中c标签的详细使用
- 【操作系统-进程】PV操作——吸烟者问题
- APP开发者个人信息保护培训宣讲会(友盟+站)在杭州成功举办
- 字符串匹配算法之暴力做法(朴素算法)
- 卡尔曼滤波,最最容易理解的讲解.找遍网上就这篇看懂了.
- 为什么电流镜的复制电路是二极管结构?
- PS“矩形工具”的多样式