有些博客的侧边有自动收缩的音乐播放器,是不是很羡慕,今天介绍一款插件可以轻松实现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——墨涩网...相关推荐

  1. php项目网页音乐播放器插件,10个免费开源的JS音乐播放器插件

    10个免费开源的JS音乐播放器插件 三月 24, 2015 评论 (3) Sponsor 音乐播放器在网页设计中有时候会用到,比如一些时尚类.音乐或影视类等项目,但这些网页播放器插件比较少见,所以这里 ...

  2. Wordress博客添加音乐播放器插件

    1.之前是使用Aplayer播放器来播放音乐,好看是好看但是要自己动手解决Pjax问题(就是页面跳转会使音乐重新播放) 2.接下来我介绍我发现的另一个音乐播放器 Floating Window Mus ...

  3. 【原创】WordPress安装悬浮音乐播放器

    音乐总是能够给人带来共鸣,我也愿意把我喜欢的音乐分享给大家欣赏. 今天给大家分享一个音乐悬浮插件:[Floating Window Music Player],在插件市场,直接搜索就可以安装. 插件主 ...

  4. jQuery 图片查看插件 Magnify 开发简介(仿 Windows 照片查看器)

    前言 因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功能,比如模态窗的拖拽.调整大小.最大化, ...

  5. 小型音乐播放器插件APlayer.js的简单使用例子

      本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子.关于APlayer.js的具体介绍和Github地址,可以参考: https://github.com/MoePlayer/. ...

  6. js插件---10个免费开源的JS音乐播放器插件

    js插件---10个免费开源的JS音乐播放器插件 一.总结 一句话总结:各种插件都有很多,多去找. 二.js插件---10个免费开源的JS音乐播放器插件 亲测可用 音乐播放器在网页设计中有时候会用到, ...

  7. mplayer-php,jQuery MPlayer网站音乐播放器插件

    jQuery MPlayer网站音乐播放器插件 这是一款2017年贺新春版的红色喜庆音乐播放器代码,jQuery MPlayer网站音乐播放器插件下载. 注意:演示效果在左下角收起来了,别以为没演示! ...

  8. 非常简洁的vsPlayAudio在线音乐播放器插件

    非常简洁的vsPlayAudio在线音乐播放器插件. 简介 1.暂时只支持网易云音乐之后添加本地音频 2.暂时不支持手机端(未测试) 3.版本初期可能会有BUG 使用方法 <head> & ...

  9. 仿网易云音乐html代码,仿网易云音乐外链播放器UI的HTML5音乐播放器插件

    简要教程 APlayer是一款仿网易云音乐外链播放器UI的HTML5音乐播放器插件.APlayer音乐播放器可以自定义歌曲封面,可以自定义同步歌词等,界面时尚大方,是一款非常好的HTML5音乐播放器插 ...

  10. 小型音乐播放器插件APlayer.js的简单使用例子 1

      本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子.关于APlayer.js的具体介绍和Github地址,可以参考: https://github.com/MoePlayer/A ...

最新文章

  1. 机器学习各领域必读经典综述
  2. 《用Python进行自然语言处理》第 1 章 语言处理与 Python
  3. Jetpack CameraX 最新最全解读-开发实践
  4. oracle定时删库,Oracle数据库如何定期正确删除archivelog文件
  5. C#中的Explicit和Implicit了解一下吧
  6. linux 逻辑卷 pe size 4.00 mib大小怎么改,linux逻辑卷的建立
  7. Map以自定义类做为键值
  8. [html] 给内联元素加float与给块元素加float有什么区别?
  9. 整理一个双向链表list.h
  10. python简单代码-Python中几个非常神奇的代码的简洁,方便,高效!
  11. 信号处理simulink仿真-DSP系统工具箱
  12. “拖延症”的良方——对于追求完美,自制力差,情绪化的人很受用。
  13. 极米NEW Z6X和坚果G9哪个好?
  14. jsp中c标签的详细使用
  15. 【操作系统-进程】PV操作——吸烟者问题
  16. APP开发者个人信息保护培训宣讲会(友盟+站)在杭州成功举办
  17. 字符串匹配算法之暴力做法(朴素算法)
  18. 卡尔曼滤波,最最容易理解的讲解.找遍网上就这篇看懂了.
  19. 为什么电流镜的复制电路是二极管结构?
  20. PS“矩形工具”的多样式

热门文章

  1. VISIO2003基本形状
  2. DataFormatString
  3. coolpro2 剪切并淡出
  4. vs2012 express 密钥
  5. windows下的csrss.exe进程
  6. APUE代码运行环境的搭建
  7. SolarWinds盛邀技术专业人士参加第八届年度THWACKcamp虚拟IT活动
  8. id门禁卡复制到手机_手机NFC也可以刷ID卡门禁?无聊测试居然成功了!
  9. 解决tomcat内存溢出问题
  10. 三星v版系统更新无法连接到服务器,美国V版三星S9/S9+迎来安卓9更新 展示新One UI用户界面...