kn007的个人博客
♥ You are here: Home > > > 继续聊WordPress内置音乐函数

继续聊WordPress内置音乐函数

by | 15 Comments

w1ejvoxp4prtj20c80c2gnib4e3db59j最近谈到了Wordpress的内置音乐函数,包括音乐列表。

be.truth的文章REOPEN中,文章提到了修改Wordpress内置音乐函数的样式wp-mediaelement.css。

在文章中我与他回复的评论中,说道可能以后WP更新后,会被覆盖掉,想到了内置Hook函数。

如果将修改好的wp-mediaelement.css放在主题根目录下的话,直接将下面代码放在functions.php即可。

wp_deregister_style( 'wp-mediaelement' );
wp_register_style( 'wp-mediaelement', get_bloginfo("template_url") . '/wp-mediaelement.css' ); 
wp_enqueue_style( 'wp-mediaelement' );

同理,常见的有修改jquery位置:

wp_deregister_script( 'jquery' ); 
wp_register_script( 'jquery', get_bloginfo("template_url").'/scripts/jquery-1.8.3.min.js', array(), "1.8.3" ); 
wp_enqueue_script( 'jquery' );

比如我的loper,我用1.8.3的版本,足够了。

还有在评论中,我们还提到了音量问题,默认音量是80%。

可以通过修改mediaelement-and-player.min.js中的startVolume值为1,共两处。来达到音量100%。

同样可通过Hook来保证更新WP时不被更改。

不过以上修改最好祈祷WP更新的时候,没有修改到上述文件核心部分,否则可能会有所影响。


最后让我们来尝试下,可以外链的音乐列表方式:

音乐文件都是320K,比较大。。。

增加了自动播放支持。仍在完善代码中。

转载请注明转自:kn007的个人博客的《继续聊WordPress内置音乐函数

donate
有所帮助?

Comments

15 Comments立即评论
Loading...
  1. Secret of my heart貌似柯南里听过

    1. MOD回复

      @小怪物: 没错! :lol:

  2. 前來支持一下~外觀挺不錯的!! :twisted: :twisted:

    1. MOD回复

      @超級efly: 谢谢支持

  3. 3Q,学了一招! :twisted:
    注意到有两处 startVolume...看到有关后缀名 MP4 之类的,以为一个是音频 一个是视频,结果只改了一个,然后没成功...

    1. MOD回复

      @be.truth: :o 哦,酱纸

  4. WordPress的媒体库可以这样管理音乐就好了,跟QQ空间类似,点添加媒体后,可以选择上传文件或者输入音乐文件的URL,哪篇文章要插入音乐就直接选择它添加进去,这样的话即便外链失效也可以直接在媒体库里管理更新URL,不用去编辑文章。我原来有好多文章添加了音乐,但一更换网盘,就得一篇篇的去编辑文章更新链接,累死了...

    1. MOD回复

      @CrazyM: 媒体库不行。。。媒体库只认博客地址。

    2. MOD回复

      @CrazyM: 暂时没想到办法,想到我会去fix的

  5. 回复

    我一眼注意到的是旁边的鸡蛋呢···

    1. MOD回复

      @Me.稀奇: :roll: 嘿嘿

  6. 播放列表点一下就跳出迅雷。。。

    1. MOD回复

      @Kagami: 额,坑爹了。html没办法

  7. 回复

    这可以外链放音乐么?

    1. MOD回复

      @FFinle: 我改版后可以。
      具体文章有 https://kn007.net/topics/into-the-last-paragraph-of-the-busy-month/
      查看效果,可见分类: https://kn007.net/tag/album/
      .

icon_wink.gificon_neutral.gificon_mad.gificon_twisted.gificon_smile.gificon_eek.gificon_sad.gificon_rolleyes.gificon_razz.gificon_redface.gificon_surprised.gificon_mrgreen.gificon_lol.gificon_idea.gificon_biggrin.gificon_evil.gificon_cry.gificon_cool.gificon_arrow.gificon_confused.gificon_question.gificon_exclaim.gif