当前位置: 首页 > 其它 > WordPress文章中插入音乐的两种方法

WordPress文章中插入音乐的两种方法

发布于:2014-10-19 其它 14条评论 17,368 views
本站提供Linux服务器运维,自动化脚本编写等服务,如有需要请联系博主微信:xiaozme

前些天有位朋友问我怎样免插件在WordPress中插入音乐播放器,方法还是蛮简单的,分享两种实现方法。一种是使用HTML5标签,另一种使用虾米音乐提供的转帖功能。

一、HTML5标签实现

直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。

1.使用audio标签我们需要有课播放的URL链接,网上找的又不太靠谱,那么我们可以利用七牛云存储自己生成。没有的赶紧注册一个
2.在七牛新建一个空间(bucket),然后将本地的音乐上传到此空间,就会自动生成URL,并粘贴。如下截图:

qiniumusic
七牛文件管理
wailian
七牛云生成URL

3.我们获得音乐链接和就可以和audio标签一起使用了,在写文章的时候切换到文本模式,并粘贴如下代码即可,audio标签详细使用可查看W3C手册

4.这个方法生成的URL可以完全由自己决定,插入你任何想要的地方,包括QQ空间背景音乐等。而且七牛云拥有多个CDN节点,速度是完全没有问题的。不足的是新用户注册需要进行实名认证才能使用,不过也是为了防止滥用而采取的措施。

5.下面看一下我们使用audio元素的演示效果:

二、虾米转帖

1.自从虾米音乐被阿里收购后可直接使用淘宝账号登陆虾米,然后随便搜索一首你喜欢的歌曲,加入你的音乐库,点击more选项>>转帖到其它网站

xiami

虾米音乐

2.在弹出的转帖框中复制HTML代码并粘贴到WordPress文章中(文本模式编辑)

3.最后看一下演示效果如何:


总结:使用虾米生成的链接美观方便,不过自定义功能还不够,比如某些网站需要上传自己录制的英语口语等,所以我们可以通过七牛云存储自己生成外链,而且可以插入任何想要的网页中。


标签:

14 条评论 “WordPress文章中插入音乐的两种方法”

  1. 森林之家说道:

    已用!大赞……

  2. 包布丁说道:

    我首页上用的就是虾米播播,感觉flash比html5更友好一点。

  3. 感觉还是HTML5好使。。。

  4. 淡忘~浅思说道:

    不错 喜欢用h5

  5. 松果说道:

    还是HTML5简单

  6. 祥磊部落说道:

    现在都是自带了 感觉虾米 很….

  7. 灰常记忆说道:

    还是虾米方便

  8. 凌香说道:

    表示上传到媒体库直接插入

  9. 消灭星星说道:

    学习了,感谢分享。

  10. Eric_plus说道:

    还是H5比较标准流行

    1. 小z说道:

      的确如此

  11. 小渣渣说道:

    还是HTML5标签比较好吧,虾米什么的手机还得装flashplayer,不然无法播放

    1. 小z说道:

      嗯嗯,个人也更加偏向于HTML5标签,更加灵活。

凌香进行回复 取消回复

邮箱地址不会被公开。 必填项已用*标注