远方的海
远方的海,WordPress,免费
2015 Oct 18 06 : 32

WordPress Hermit音乐播放器插件支持Ajax防刷新不中断

您当前的位置: 首页 > WordPress > 插件 > 正文
欢迎光临远方的海!您可能还对 WordPress建站免费资源最新IT动态 感兴趣,点击开启 悦读 模式。CTRL+D 快捷收藏本文,我们期待您再次光临!
[文章目录]

Hermit音乐播放器插件支持网易云音乐,虾米音乐和本地音乐。之前有给大家推荐了WordPress插入音乐播放器(插件和非插件两种方法)一文给出了在WordPress中加入音乐播放器的方法,还有WordPress史上最简单的Ajax方法。今天介绍的是升级版的Hermit音乐播放器。

Hermit播放器插件

一般我是不会推荐插件的,因为插件基本都是可以用代码来代替的,但是这款插件建议喜欢音乐的朋友还是安装一下啦!

这款更新不仅样式上变得美观了不少,而且功能上也加了Ajax防刷新。这个是之前很多网友所需要的,大气有逼格。

之前虽然有给大家介绍过这款非常优秀的插件,但是这款升级版的HERMIT音乐播放器插件非常值得我再来安利给大家一次牧风大大的这款Hermit播放器插件。先来看看Hermit音乐播放器插件的效果吧!

[hermit auto=”0″ loop=”1″ unexpand=”0″]netease_songs#:786262,30870616[/hermit]

整站Ajax的播放设置

可以在javascript中设置音乐是否打断播放,当然ajax效果是不打断播放的1。

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

简单的使用介绍

在撰写文章的时候,就可以点击添加音乐的按钮来输入音乐地址。输入好了,点击插入音乐即可自动完成操作,发布文章的时候也就有了音乐。

添加多个音乐,则回车空行如下图,以网易云音乐为例子:

WordPress Hermit音乐播放器插件支持Ajax防刷新不中断

以上,喜欢音乐分享的朋友可以去试试啦!

远方的海版优化样式

如果你也想和我一样,给封面图片加上唱片旋转效果,可以参考本站的css代码:

@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
.hermit-cover-image{
border-radius:99%;
animation: 9.8s linear 0s normal none infinite rotate;
-webkit-animation:9.8s linear 0s normal none infinite rotate;
}

把以下代码放在主题的style.css中即可,这样Hermit插件即使更新了样式也会保存下来。

好文!分享给朋友,或者点个赞吧~

文章信息

分类:插件

您可能也会喜欢

发表回复

Post Comment


  1. LEEJON :

    主题是ajax,博主还能说明白些怎么修改音乐插件的代码吗?

    2016-3-17
    • Sven水神 :

      @LEEJON 可以把js代码复制到全局加载的js文件中试试。

      2016-3-18
  2. chencool :

    mufeng的插件确实好用

    2016-3-16
  3. justry :

    楼主大大,怎么全站播放音乐啊,我不懂代码,能帮忙弄弄或者出个小白教程吗

    2015-11-17
    • Sven水神 :

      @justry 首先你的主题不是AJAX式的,全站防刷新的前提是AJAX主题。

      2015-11-17
  4. 灰常记忆 :

    这个插件有点不好,会在数据库生成记录。

    2015-11-13
    • Sven水神 :

      @灰常记忆 会哪个表生成记录?wp-post的数据表么?可是除了这款之外就没有什么好用的音乐插件了。

      2015-11-13
  5. Han :

    站点挺好的,牧风大神的插件和主题都很棒。

    2015-10-25
    • sven水神 :

      @Han 尤其是这款hermit插件,我一共就两个插件,其中一个就是hermit。

      2015-10-25
  6. ScottJu :

    你这个赏字是不是得改一下,感觉跟你的网站风格不搭配。

    2015-10-19
    • Sven水神 :

      我不会P图,要不就改成蓝色的了。

      2015-10-19
  7. ScottJu :

    改的有点吊。。。

    2015-10-19
    • Sven水神 :

      @ScottJu 牧风大大本来做的播放器就吊,我这改的就是三脚猫的功夫。

      2015-10-19