网易虾米音乐播放器 Hermit v3.15 —— WordPress插件

2019年4月27日15:35:40 发表评论 4,819
摘要

想和仙踪小栈一样,在文章中插入如下虾米、网易、本地音乐?你只需要拥有一款插件即可轻松的做到,hermit 网易虾米音乐播放器,由 @mufeng 制作,支持Html5+Flash的虾米音乐和网易音乐的播放器,支持添加单曲、专辑、精选集和远程音乐,直接在文章编辑页面集成了可视化编辑界面。赶快试试吧!

 

网易虾米音乐播放器 Hermit v3.15 —— WordPress插件

 

前台预览图:

网易虾米音乐播放器 Hermit v3.15 —— WordPress插件

 

更新历史

3.1.5 (18-6-12)

  1. 聚散皆叹缘分飘去,感谢过去一直以来的使用支持!

展开

3.1.3 (18-2-24)

  1. 修复部分网易云音乐

3.1.0 (18-1-11)

  1. 修复部分网易云音乐

3.0 (17-6-12)

1.修复部分网易云音乐

2.4.2 (16-9-25)

  1. 修复 SoundManage 2 将 iOS 10 识别成 iOS 1.x 无法播放的 bug

2.4.1 (16-7-28)

  1. 移动端自动播放;

2.4.0 (16-7-8)

  1. 版权歌曲无法播放,颜色标识为灰色;
  2. 如无重大 bug,插件将不在更新;

2.3.2 (16-5-25)

  1. 本地浏览器缓存出现 bug,设置 “浏览器缓存时间” 为 0 即可;

2.3.2 (16-2-19)

  1. 修复歌曲名太长出现空白的bug;
  2. 新增高级缓存,需要 Memcached 或 Redis 支持,开启后可以减少50%加载时间;

2.3.0 (16-2-8)

  1. 新年快乐;
  2. 增加清空数据库、浏览器缓存方法;

2.2.1 (16-1-21)

  1. 修复投稿者用户权限bug;
  2. 增加音乐界面适应手机端;

2.2.0 (16-1-19)

  1. 修复灰系配色方案;
  2. 增加音乐封面来源选项;
  3. 修复网易电台时长错误;
  4. 支持 WordPress 4.4;

2.1.11 (15-11-11)

  1. 修复iOS下播放按钮无法播放的bug;
  2. 更换默认封面图;

2.1.9 (15-10-21)

  1. 修复隐身模式bug;

2.1.5 (15-10-11)

  1. 调整播放器界面;
  2. 隐藏iOS 下音量图标;
  3. 移动设备禁止自动播放;
  4. 新增播放器音乐缓存方案,
    可在后台设置浏览器缓存时间;
  5. 新增后台”添加音乐”权限管理选项;
  6. hermitjs.reload(x) 增加参数, x 默认为假.
    当x 为真时, Ajax加载音乐将不会打断播放状态

2.1.4 (15-9-21)

  1. 修复本地音乐不显示的bug;

2.1.3 (15-9-20)

2.1.2 (15-9-20)

  1. 全新虾米音乐API;
  2. 本地音乐增加上传功能;
  3. 播放器样式调整;
  4. 预增部分接口;

2.1.1 (15-9-19)

  1. 增加 BUG 调试选项;
  2. 相关 API 调整;
  3. BUG 修复;

2.1.0 (15-9-17)

  1. 全新后台界面;
  2. 全新音乐库管理界面;
  3. 相关 API 调整;

2.0.2 (15-8-20)

  1. 增加网易电台;
  2. bug修复;

2.0 (15-8-19)

  1. 增加网易电台;

1.9.5 (15-7-23)

  1. bug修复;

1.9.4 (15-6-1)

  1. bug修复;

1.9.2 (15-3-24)

  1. 修复音量BUG;
  2. 添加暗色系配色;
  3. 统一移动、桌面端样式;

1.9.1 (15-3-8)

  1. bug修复;

1.9 (15-2-5)

  1. 添加多颜色选择;
  2. 添加JS 位置选择;
  3. CSS 小幅度调整;
  4. 重写音乐库;
  5. 修复拖动进度条bug;

1.8.3 (15-2-5)

  1. 修复方法兼容问题

1.8.2 (15-2-4)

  1. 添加 window.hermitjs.reload 方法

1.8 (15-1-1)

  1. 添加网易云音乐
  2. 后台添加音乐部分重写

1.7 (14-12-21)

  1. 方便Ajax加载,添加全局函数 window.hermit_ajax
  2. Bug修复
  3. 本地音乐库Loading提示方式修改
  4. 尝试修复安装报错问题

1.6 (14-9-28)

  1. 重写插件菜单页面
  2. 采用林木木按需加载的策略
  3. 新增远程音乐管理页面
  4. 新增远程音乐选择
  5. 添加一个新的暂停图标, 替换旧版本中的gif
  6. 删除封面和歌词部分代码
  7. 删除全局变量 window.__H

1.4.2 (14-8-8)

  1. 优化歌曲列表显示

1.4.0 (14-7-28)

  1. 新增歌词

1.3.2 (14-7-3)

  1. 新增封面
  2. 播放器JavaScript重构
  3. 添加一个播放列表隐藏的选项

1.2.0 (14-6-12)

  1. 歌曲信息缓存到本地

1.1.2 (14-5-5)

  1. 修复 box-sizing = border-box 下错位的问题

1.1.0 (14-4-20)

  1. 增加一个静音按钮

1.0.5 (14-4-19)

  1. 后台添加资源加载选项

1.0.42 (14-4-12)

  1. 播放Bug修复

1.0.41 (14-4-12)

  1. 播放Bug修复

1.0.4 (14-4-11)

  1. 添加自动播放
  2. 添加循环播放

1.0.3 (14-2-25)

  1. 报错方式修改

1.0.2 (14-2-20)

  1. 添加精选集
  2. 增加一个定时器
  3. 删除全局变量 window.player
  4. 更换一个正在播放的图标

1.0.1 (14-2-13)

  1. 专辑添加最大高度360px;
  2. 歌曲信息为null报错的问题;
  3. 专辑、单曲地址错误提示,单曲列表去重复;
  4. 服务器地址迁移回Bae

1.0.0 (14-2-11)

  1. 最初1.0.0版本发布

 

安装方法

方法①、直接在后台插件在线安装界面,搜索 Hermit 并按照提示安装启用即可【推荐】

方法②、官方下载插件: Hermit 3.1.5

a、将下载的文件解压,然后将解压后的 hermit 文件夹 上传到/wp-content/plugins/目录,在插件后台启用即可;

b、进入后台插件安装界面,选择上传安装插件,并选择下载得到的 zip 压缩包即可;

 

使用方法

设置->播放器设置,有详细方法;

 

网易音乐

  1. 单曲地址格式:http://music.163.com/#/songid=28031119
    http://music.163.com/#/songid=28288476可以定义多首歌曲,一行一首,会过滤重复地址
  2. 专辑地址格式:http://music.163.com/#/albumid=2715905
  3. 歌单地址格式:http://music.163.com/#/playlistid=8702279

虾米音乐

  1. 单曲地址格式:http://www.xiami.com/song/1772276934
    http://www.xiami.com/song/1772276934spm=a1z1s.6659513.0.0.CNqWT9可以定义多首歌曲,一行一首,会过滤重复地址
  2. 专辑地址格式:http://www.xiami.com/album/1482417245spm=a1z1s.6843761.1110925389.8.fPssn5
  3. 精选集地址格式:http://www.xiami.com/collect/27433968spm=a1z1s.3065917.6862697.18.Jn8JNx

本地音乐

  1. 前往音乐库添加音乐信息(暂不支持从本地上传音乐)。
  2. 新建文章页面,点击“本地音乐”,选中音乐,点击下方“确认选择”,然后点击“插入至文章”

 

后台截图:

网易虾米音乐播放器 Hermit v3.15 —— WordPress插件

 

网易虾米音乐播放器 Hermit v3.15 —— WordPress插件

 

整站Ajax 主题刷新播放器方法

  1. if ( window.hermitjs !== undefined ) {
  2.     hermitjs.reload(0// 默认方式, 会打断播放状态
  3.     hermitjs.reload(1// 不会打断播放,音乐会继续播放
  4. }

 

 

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: