想要在blog首页加上自动播放的背景音乐，能找到的插件与方法基本上都是讲在文章里添加的。侧边栏里添加文本的方法也总有美观等等这样那样的问题，折腾了几种之后终于搞定了。用的是Audio player插件，侧边栏添加文本js代码，能够实现多首音乐的播放。播放器效果如下：

1. 下载Audio Player插件http://wpaudioplayer.com/wp-content/downloads/audio-player.zip

2. Wordpress后台——插件——安装插件，上传zip文件并激活

3. 外观——小工具，添加文本，在文本中插入如下代码

<script type="text/javascript" src="http://博客地址/wp-content/plugins/audio-player/assets/audio-player.js?ver=2.0.4.1"></script> <script type="text/javascript">AudioPlayer.setup("http://博客地址/wp-content/plugins/audio-player/assets/player.swf?ver=2.0.4.1", {width:"180",animation:"yes",encode:"no",initialvolume:"60",remaining:"yes", noinfo:"no",buffer:"5",checkpolicy:"no",rtl:"no",bg:"E5E5E5",text:"333333", leftbg:"CCCCCC",lefticon:"333333",volslider:"666666",voltrack:"FFFFFF", rightbg:"B4B4B4",rightbghover:"999999",righticon:"333333", righticonhover:"FFFFFF",track:"FFFFFF",loader:"009900",border:"CCCCCC", tracker:"DDDDDD",skip:"666666",pagebg:"FAFAFA",transparentpagebg:"no"}); </script> <p><span style="display:block;padding:5px;border:1px solid #dddddd; background:#f8f8f8" id="audioplayer_71"> </span></p> <script type="text/javascript"> AudioPlayer.embed("audioplayer_71", {titles:"歌曲名1, 歌曲名2, 歌曲名3", loop:"yes",autostart:"yes",soundFile:"歌曲URL1.mp3, 歌曲URL2.mp3, 歌曲URL3.mp3"}); </script>

实现多首背景音乐的自动播放与循环播放功能。

Wordpress笔记：背景音乐的更多相关文章

  1. 部署个人wordpress 笔记

    yum list installed | grep php #检查当前安装的PHP包yum remove php.x86_64 php-cli.x86_64 php-common.x86_64 ... ...

  2. （转载）Linux下安装配置MySQL+Apache+PHP+WordPress的详细笔记

    Linux下安装配置MySQL+Apache+PHP+WordPress的详细笔记 Linux下配LMAP环境,花了我好几天的时间.之前没有配置过,网上的安装资料比较混乱,加上我用的版本问题,安装过程 ...

  3. WordPress 缩率图学习笔记

    WordPress 缩率图学习笔记 Wordpress在生成缩略图的过程中,有两种不同的规则 缩放模式:缩放模式就是将图片等比例缩小,且新生成的缩略图长度或高度两者之中,有一个是你设置的缩略图的尺寸 ...

  4. 折腾笔记之wordpress安装出现错误---【wordpress点击文章找不到网页的解决办法】

    本来写的好好的在后台,然后发表在前台,能够看见在网站首页,但是一点击进去,就提示找不到链接了.郁闷,经过查找资料.终于解决了 1,.htaccess要开放写权限,这样在自定义wp的永久链接时,wp会自 ...

  5. Android（java）学习笔记181：利用Service在后台播放背景音乐

    1.在android应用程序里,有一种没有UI的类(android.app.Service)——Service.简单来说,Service是一个 background process(背景程序),通过背 ...

  6. WordPress插件制作笔记（一）---First Plugins Demo

    1->add_action  HOOK简单说明: http://codex.wordpress.org/Plugin_API/Action_Reference (参考网址) //在后台页脚位置加 ...

  7. WordPress插件制作笔记（三）---Stars Comments Article

    wp 文章星级评价 插件 下载地址4:http://pan.baidu.com/s/1eQnGIGU ［articles_star_vote_score_optiontable_serialize_c ...

  8. WordPress插件制作笔记（二）---Second Plugins Demo

    1->插件演示代码:下载地址:http://pan.baidu.com/s/1gd1lFlL 在 wordpress/wp-content/plugins/ 目录下 新建一个文件夹取名为seco ...

  9. pygame 笔记-8 背景音乐&子弹音效

    游戏哪能没有音效?这节我们研究下如何加背景音乐,其实也很简单: # 加载背景音乐 pygame.mixer.music.load(music_base_path + "music.mp3&q ...

随机推荐

  1. git 远程仓库 与本地项目 挂钩 全过程

    摘要:学了Android 快三个月了,依旧不会git,真的有些丢人.git是一个非常棒的团队协作的工具.其实也是分分钟的事情.Follow Me! Step 1 在码云上新建一个项目,作为远程仓库.里 ...

  2. James Bach Rapid Test的感受

    前阶段拜读过James大神的快速测试,英文水平有限,阅读起来有点吃力,虽然想亲自参加大神的培训,一直没有机会,不过阿里牛人参加大神的培训,并总结的不错,现在谈谈自己的感想和看法. 进入测试行业不少年了 ...

  3. Analyze Program Runtime Stack

    Introduce: Process Explorer is an advanced process management utility that picks up where Task Manag ...

  4. cf984c Finite or not?

    一个十进制分数 \(p/q\) 在 \(b\) 进制下是有限小数的充要条件是 \(q\) 的所有质因子都是 \(b\) 的质因子. First, if \(p\) and \(q\) are not ...

  5. Python框架之Django学习笔记（十四）

    Django站点管理(续·完) 本想昨天更新的,谁曾想昨天竟然是工作日!我就不吐槽昨天加班到十一点多了,需求增加无疑让我等蛋疼不已,忽而想起一首打油诗: 明月几时有,把酒问群友.不知这次版本,今晚能出 ...

  6. 【Combinations】cpp

    题目: Given two integers n and k, return all possible combinations of k numbers out of 1 ... n. For ex ...

  7. Python+Selenium练习篇之19-多窗口之间切换

    本文来介绍如何处理driver在多窗口之间切换,想一下这样的场景,在页面A点击一个连接,会触发在新Tab或者新窗口打开页面B,由于之前的driver实例对象在页面A,但是你接下来的脚本是操作页面B的元 ...

  8. 如何使用 JSX 构建 Gutenberg 块

    本教程将介绍使用 JSX 构建自定义块所需的步骤. 由于浏览器不支持 JSX 和 ES6,因此我们需要将代码编译后才能在浏览器中运行. 我们不需要手动编译代码,因为有些工具可以为我们自动执行此过程. ...

  9. sqlserver 表值函数

    一.单语句表值函数 ALTER function [dbo].[uf_get_jxc_da_sum](@dt char(8),@dt2 char(8)) RETURNS table as return ...

  10. js判断时间是否过期

    var myDate=new Date(); myDate.setFullYear(2014,2,1); //2014年3月1日 //注意:表示月份的参数介于 0 到 11 之间.也就是说,如果希望把 ...