前些天有位朋友问我怎样免插件在WordPress中插入音乐播放器,方法还是蛮简单的,分享两种实现方法。一种是使用HTML5标签,另一种使用虾米音乐提供的转帖功能。
一、HTML5标签实现
直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。
1.使用audio标签我们需要有课播放的URL链接,网上找的又不太靠谱,那么我们可以利用七牛云存储自己生成。没有的赶紧注册一个
2.在七牛新建一个空间(bucket),然后将本地的音乐上传到此空间,就会自动生成URL,并粘贴。如下截图:
3.我们获得音乐链接和就可以和audio标签一起使用了,在写文章的时候切换到文本模式,并粘贴如下代码即可,audio标签详细使用可查看W3C手册
4.这个方法生成的URL可以完全由自己决定,插入你任何想要的地方,包括QQ空间背景音乐等。而且七牛云拥有多个CDN节点,速度是完全没有问题的。不足的是新用户注册需要进行实名认证才能使用,不过也是为了防止滥用而采取的措施。5.下面看一下我们使用audio元素的演示效果:
二、虾米转帖
1.自从虾米音乐被阿里收购后可直接使用淘宝账号登陆虾米,然后随便搜索一首你喜欢的歌曲,加入你的音乐库,点击more选项>>转帖到其它网站
2.在弹出的转帖框中复制HTML代码并粘贴到WordPress文章中(文本模式编辑)
3.最后看一下演示效果如何:
总结:使用虾米生成的链接美观方便,不过自定义功能还不够,比如某些网站需要上传自己录制的英语口语等,所以我们可以通过七牛云存储自己生成外链,而且可以插入任何想要的网页中。
已用!大赞……
我首页上用的就是虾米播播,感觉flash比html5更友好一点。
感觉还是HTML5好使。。。
不错 喜欢用h5
还是HTML5简单
现在都是自带了 感觉虾米 很….
还是虾米方便
表示上传到媒体库直接插入
学习了,感谢分享。
赞一个
还是H5比较标准流行
的确如此
还是HTML5标签比较好吧,虾米什么的手机还得装flashplayer,不然无法播放
嗯嗯,个人也更加偏向于HTML5标签,更加灵活。