WordPress极简H5音乐播放器
温馨提示：本文共计831个字，预计阅读时间需要3分钟。
终于把使用多年的 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 文件格式.
如何使用
常用短代码, 插入到文中即可
|
1 |
[sc_embed_player fileurl =“MP3文件的网址”] |
效果图:
**可自定义外观, 黑色长条 **
|
1 |
[sc_embed_player_template1 fileurl="MP3文件的网址"] |
效果图:
可配置参数有 3 个
- autoplay (自动播放)
- volume (默认音量)
- loops (循环)
|
1 |
[sc_embed_player fileurl="xxx" autoplay="true" loops="true" volume="80"] |
使用效果
先把以前使用的插件做个截图纪念
现在使用的如下效果, 未开启 autoplay, 使用了模板 1.
试听: 梁祝-古筝
其实也在网上找到国外另一个大牛做的 H5 播放器版本, 也很简洁, 在对比之下还是使用了插件完成.
效果图:
关于解决外链音乐问题, 请搜索 key word - 音乐外链转换工具.
End
2018年12月16日 00:42 沙发
这个每次还要贴代码好麻烦。。。。。
2018年12月16日 19:13
@Nero 主要是简洁, 这是看个人需求的, 你用的那个蛮好, 只是作者不再更新了.
2019年01月05日 19:33 板凳
我觉得我那个挺好
2019年02月04日 18:26 地板
我还是比较不喜欢那种自动播放的站点，有点恼，不过手动点击播放的还行，貌似HTML支持直接代码插入音频
2019年02月08日 19:42
@小石 Chrome默认不会自动播放，会按照个人用户的习惯学习是否自动播放。
2019年02月08日 21:03
@Sam.Z 我的经常自动播放
