`
天梯梦
  • 浏览: 13729888 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论
阅读更多

   搜了一下WordPress帮助文档,发现两个简单的办法,可以容易的向日志,边栏等添加音乐,一个方法不显示播放器,“真正”的背景音乐, 另一种会显示播放器。因为是直接使用代码实现,所以博客最好装了Exec-PHP插件,这样边栏的widget小工具能执行PHP代码。先说明,根据本人 使用的情况(在边栏的widget里添加了代码),音乐播放功能在IE和Chrome能实现,而在Firefox下播放不了,我以为是Firefox的插 件问题,于是装了window media player的Firefox插件,但还是没用。以下就以在边栏添加带播放器的播放功能为例,说明如何操作,其他情况以此类推。

 

首先 ,上传你想要的背景音乐文件到你的网站文件里,并获得链接,或者直接在网络上找一个音乐文件链接,就是“http://www.×××.×××/×××/×××/***.mp3”,其中的mp3文件必须是英文名,含有中文名的不可以。

 

接着 ,到WordPress控制台下,在“外观(Appearance)”选项里找到“微件(Widgets)”,点击进入,然后拖放一个“文本(Text)”小工具放到边栏(Sidebar)里,在文本框输入区域添加代码即可。

 

然后 ,拷贝代码,并替换音乐文件网址。如下,有两类代码。

 

第一类,不显示播放器的,代码如下:

 

<BGSOUND src=”音乐文件网址” loop=infinite>

 

BGSOUND指背景音乐,src是音乐文件的源地址,loop指的是播放的循环次数,infinite指无限次。如果不想设成无限次循环播放,可以将 infinite改成对应的数字,指定循环播放的次数。我们要做的就两个,一是将“音乐文件网址”替换成第一步得到的音乐文件的完整链接地址,而是修改相 应的循环播放次数,或者不改,取默认的infinite。

 

 

第二类,显示播放器(调用Windows Media Player)的,代码如下:

 

<OBJECT id=videowindow1 height=185 width=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM NAME=”URL” VALUE=”音乐文件网址”><PARAM NAME=”playCount” VALUE=”infinite”><PARAM NAME=”autoStart” VALUE=”1″><PARAM NAME=”volume” VALUE=”50″><PARAM NAME=”uiMode” VALUE=”full”><PARAM NAME=”stretchToFit” VALUE=”1″></OBJECT>
 

这里只要修改几个参数即可:

height和width指播放器的高度和宽度,单位为px。

 

<PARAM NAME=”URL” VALUE=”音乐文件网址”> 制定了播放的文件位置(URL),只要将里面的“音乐文件网址”替换成第一步得到的完整的音乐文件链接即可。

 

<PARAM NAME=”playCount” VALUE=”infinite”> 用于设定播放次数(playCount),infinite为无限次循环播放,可将其改为数字,制定循环播放的次数。

 

<PARAM NAME=”autoStart” VALUE=”1″> 指定是否自动播放音乐(autoStart),VALUE的值为0时不自动播放,为1时自动播放。

 

<PARAM NAME=”volume” VALUE=”50″> 指定播放的音量(volume),可以修改VALUE的数值,调整想要的音量。

 

<PARAM NAME=”uiMode” VALUE=”full”> 指定了播放器界面是否加入控制按键 (uiMode),VALUE值为none时,只显示视频播放窗口,不显示“停止”,“播放/暂停”等按钮;为mini时,除了视频窗口,还会在窗口底下 显示播放进度,以及“播放/暂停”,“停止”,“消音”和音量控制等按钮;为full时,除了视频窗口和播放进度显示,还会显示进度控制条,“播放/暂 停”,“停止”,“消音”,“上一曲”,“下一曲”,“快进”,“快退”和音量控制等按钮;

 

<PARAM NAME=”stretchToFit” VALUE=”1″> 用于当视频窗口比视频比播放的视频大时,是否对视频进行伸展(stretchToFit),以适应视频窗口的大小,VALUE值为1时表示自动扩展,为0时表示不扩展。


这些参数可以在MSDN 里查找到。

 

 

最后 ,添加完代码,改完参数之后,保存,刷新博客,应该就能听到背景音乐了。如果听不到,先查下音乐文件链接有没有问题,另外和你用的播放器有关,IE肯定是没问题的。

 

 

 

分享到:
评论

相关推荐

    WordPress漂亮的音乐播放器插件Aplayer

    在WordPress的众多插件中,Aplayer是一款设计精美的音乐播放器插件,深受许多网站管理员的喜爱。它为用户提供了丰富的自定义选项和流畅的听觉体验,使得音乐与网站内容完美融合。本文将深入探讨Aplayer插件的特性、...

    Wordpress 圣诞节风格

    1. **主题安装**:首先,你需要将下载的压缩包文件`wordpress132`解压,然后在WordPress后台的“外观”菜单中选择“主题”,点击“添加新主题”,再通过上传主题功能导入解压后的`.zip`文件进行安装。 2. **主题...

    炫彩背景音乐网页模板下载-紫色 炫彩 音乐 整站.rar

    在IT行业中,网页模板是一种非常实用的资源,尤其对于初学者和快速开发人员而言,它们...在实际使用时,可以根据自己的需求进行定制,如更换背景音乐、调整布局、添加更多功能等,以打造出符合自己品牌风格的音乐网站。

    黑色个性Sunrise音乐俱乐部wordpress主题5098.zip

    例如,"Sunrise音乐俱乐部"主题可能会在此文件中添加自定义音乐播放器、活动日历、艺术家介绍等功能。 `page.template.menu.php`可能是一个自定义的菜单模板,用于创建和显示俱乐部的活动菜单、音乐分类或其他导航...

    为Wordpress博客添加MP3播放器

    在WordPress博客上添加MP3播放器是为用户提供音频体验的重要步骤。本教程将详细介绍如何使用Flash MP3 Player在WordPress站点上实现这一功能。Flash MP3 Player是一款流行且易于使用的工具,能够让你轻松地嵌入音乐...

    wordpress人文古风主题 v2.5.zip

    4、公告功能,模板设置中添加修改。 5、文章列表滚动出场动画功能。 6、404动画功能。 wordpress人文古风主题其他功能: 一、响应式设计,兼容PC 手机。哪怕是在240×320的分辨率下效果也不错。 二、采用1200px...

    Teahouse WordPress主题

    3.怎么创建音乐播放器,我这里所用到的音乐播放器是wordpress3.8版本后自带的,首先写文章时选择类型为“标准”,然后勾选“显示选项”里面的“自定义栏目”,在出现的“自定义栏目”里,点击“输入新栏目”,名称...

    Wordpress 情人节模板

    8. **背景音乐播放器**:某些模板可能会提供背景音乐功能,为网站增添浪漫氛围,用户可以自定义播放情人节主题的歌曲。 9. **SEO优化**:为了提高搜索引擎可见性,模板应遵循最佳的SEO实践,包括关键词优化、元标签...

    黑白乐谱音符背景的音乐主题PPT模板

    标题为“黑白乐谱音符背景的音乐主题PPT模板”揭示了这款模板的核心元素:音乐、优雅与专业性。此模板将音乐的元素融入设计之中,通过黑白的乐谱和音符图案,为观众营造一种艺术与旋律交织的视觉体验,使汇报过程...

    【最新版】wordpress-5.8.1-中文版安装包

    3. **导航菜单小工具**:WordPress 5.8.1添加了一个新的小工具,允许用户在小工具区域内创建和管理导航菜单,提供更大的灵活性和控制。 4. **自定义模板**:用户现在可以创建自定义模板,覆盖特定页面或帖子的默认...

    MP3音乐网站模板

    4. **艺术家/艺人简介**:提供空间供音乐人或乐队介绍自己,展示他们的背景、音乐风格、演出经历等。 5. **音乐试听**:用户可以在不下载的情况下试听音乐,这有助于吸引潜在听众并促进购买决策。 6. **社交媒体...

    clubber-v1.8-weidea.net_BootstrapWordpress前端源码模板_网站UI界面主题.zip

    用户可以通过WordPress的后台管理界面轻松编辑内容,添加页面,安装插件,甚至调整主题设置。模板还支持 WooCommerce 插件,方便创建在线商店,售卖门票或周边商品。同时,模板的自定义选项允许用户根据品牌调色、...

    带音乐二次元404页面.zip

    4. **音乐元素**:添加音乐使得404页面更具吸引力,增强了互动性。然而,考虑到不同用户对音乐的喜好和环境需求,通常会提供开关控制,让用户自主决定是否播放。 5. **鼠标特效**:这种特效通常是通过JavaScript或...

    音乐主题PPT-22.pptx

    1. **设计风格**:该模板采用了黑与白的简约设计,这种色调搭配不仅呈现出高雅的视觉效果,还能确保观众的注意力集中在内容上,而非过于花哨的背景。黑白配色也与音乐的黑白键相呼应,强化了主题。 2. **结构布局**...

    wp-bands:一个用于组织、列出和显示乐队的 Wordpress 插件

    5. **添加到页面**:将乐队列表小工具或短代码添加到你希望展示乐队的 Wordpress 页面中。 总之,`wp-bands` 是 Wordpress 用户管理乐队信息的理想工具,结合 PHP 技术,它提供了强大而灵活的功能,使得音乐相关...

    音乐资料网页模板

    音乐网页模板通常会有定制的 CSS 样式,以实现独特的视觉效果,如动态背景、音符动画、色彩搭配等,以符合音乐主题。 3. **Flash 技术**:虽然现代网页设计更多倾向于使用 HTML5 和 JavaScript,但 Flash 曾经是...

    音乐介绍网页模板

    8. **内容管理**:有些模板可能整合了CMS(内容管理系统),如WordPress或Joomla,使得非程序员也能方便地添加、编辑和管理音乐作品、艺术家信息等内容。 9. **SEO优化**:为了提高搜索引擎可见性,模板可能已预先...

    word press博客主题GitGhost,我的最新开源主题,写博客必备

    主题Dome ...插件推荐 WP Super Cache 【全面解决WordPress页面静态化,全面提升网站...需要使用背景音乐的请在footer.php —–&gt; &lt;?php wp_footer();?&gt; 上一行添加 也就是红框内,请勿修改上面的两个div。否则出错。

Global site tag (gtag.js) - Google Analytics