2018-12-13  490 views 6

WordPress极简H5音乐播放器

温馨提示:本文共计831个字,预计阅读时间需要3分钟。

H5MPlay

终于把使用多年的 audio player 播放器替换掉, flash 始终是要被淘汰的.

一直喜欢极简风, Compact Audio Player 这款插件确实不错.

偶尔写心情的时候会加入 BGM, 够用了.

插件简介

Plugin Name: Compact WP Audio Player

Author: Tips and Tricks HQ

Links: Author Homepage Plugin Homepage

Description: Compact WordPress Audio Player plugin is an HTML5 + Flash hybrid based wordpress plugin which can be used to embed an mp3 audio file on your WordPress post or page using a shortcode.

中文简介: 支持 HTML5 和 flash 混合使用的 wordpress 插件, 支持短代码, 支持 mp3 和 ogg 文件格式.

如何使用

常用短代码, 插入到文中即可

效果图:

H5MPlay-1

**可自定义外观, 黑色长条 **

效果图:

H5MPlay-2

可配置参数有 3 个

  • autoplay (自动播放)
  • volume (默认音量)
  • loops (循环)

使用效果

先把以前使用的插件做个截图纪念

H5MPlay-3

现在使用的如下效果, 未开启 autoplay, 使用了模板 1.

试听: 梁祝-古筝


其实也在网上找到国外另一个大牛做的 H5 播放器版本, 也很简洁, 在对比之下还是使用了插件完成.

另一个简单绚丽的 H5 音乐播放器

效果图:

H5MPlay-4

关于解决外链音乐问题, 请搜索 key word - 音乐外链转换工具.

End

6 条评论  访客:4 条  作者:2 条

  1. Nero

    这个每次还要贴代码好麻烦。。。。。

    • Sam.Z GM

      @Nero 主要是简洁, 这是看个人需求的, 你用的那个蛮好, 只是作者不再更新了.

  2. goovier LV2

    我觉得我那个挺好 :mrgreen:

  3. 小石

    我还是比较不喜欢那种自动播放的站点,有点恼,不过手动点击播放的还行,貌似HTML支持直接代码插入音频 :grin:

    • Sam.Z GM

      @小石 Chrome默认不会自动播放,会按照个人用户的习惯学习是否自动播放。

给我留言

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