`
shirlly
  • 浏览: 1651849 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

【转】让网页实现多首背景音乐循环播放的方法

 
阅读更多
第一步,加播放器的代码(不用别人做的JS播放器)。

<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >

loop="-1"表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop="2"
controls="ControlPanel"这个控制选项可省略
width="0" height="0"表示隐藏播放。想设置播放器的大小,设置值即可,比如width="480" height="25"

PS:这里有个浏览器兼容的问题,如果要兼容IE\FireFox代码如下

<object width="100%" height="33" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" type="application/x-oleobject" standby="在线播放器加载中..." classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
            <param name="url" value="MusicList.m3u" />
            <param name="autoStart" value="true" />
            <param name="loop" value="-1" />
            <!--firefox调这个-->
            <embed width="100%" height="33" src="MusicList.m3u" autostart="1" loop="true" type="application/x-mplayer2"></embed>
        </object>


第二步,实现连续播放多首歌曲

播放器弄好了,搜索到歌曲的地址,替换代码中“背景音乐网址”就可以播放歌曲了。但是这样只能是一首歌曲啊。没关系,记得当初用winamp或者千千静听的时候不是有个播放列表吗?对,用m3u格式。新建一个记事本文档,在里面写上如下代码保存为“任意名.m3u”:

<ASX version ="3.0">
<Entry>
    <Ref href = "以.mid.wma.mp3等结尾的音乐网址1"/>
</Entry>
<Entry>
    <Ref href = "以.mid.wma.mp3等结尾的音乐网址2"/>
</Entry>
<Entry>
    <Ref href = "以.mid.wma.mp3等结尾的音乐网址3"/>
</Entry>
需要更多歌曲可重复“<Entry>……</Entry>”代码
</ASX>
    嗯,然后?把保存的文件(例如musci.m3u)上传到你的个人主页或者随便其他什么地方。再把m3u的IE地址放到第一步中的“背景音乐地址”处就可以实现连续播放的目的了。

     因为当你打开博客的时候,虽然不能自动播放,但是播放器首先要加载第一首歌曲,当遇到错误无法识别的歌曲地址时就会自动跳转到第二首而播放第二首歌曲。
    不过这里需要注意的是,第二首歌曲的地址里不能带有汉字,否则跳转到第二首歌曲的时候它也不会自动播放,第三首,第四首歌曲之后就没限制了,只要歌曲地址对就行。

 

其他实现网页背景音乐代码:

播放多首歌曲代码为:
<script LANGUAGE="javascript">
<!--
var sound1="http://歌曲地址"
var sound2="http://歌曲地址"
var sound3="http://歌曲地址"
var sound4="http://歌曲地址"
var sound5="http://歌曲地址"
var sound6="http://歌曲地址"
var sound7="http://歌曲地址"
var sound8="http://歌曲地址"
var sound9="http://歌曲地址"
var sound10="http://歌曲地址"
var x=Math.round(Math.random()*10)
if (x==0) x=sound1
else if (x==1) x=sound2
else if (x==2) x=sound3
else if (x==3) x=sound4
else if (x==4) x=sound5
else if (x==5) x=sound6
else if (x==6) x=sound7
else if (x==7) x=sound8
else if (x==8) x=sound9
else x=sound10
if (navigator.appName=="Microsoft Internet Explorer"
document.write('<bgsound src='+'"'+x+'"'+' loop="infinite">')
else
document.write('<embed src='+'"'+x+'"'+'hidden="true" autostart="true" loop="true">')
//-->
</SCRIPT>

“歌曲地址” 表示音乐地址

请注意:这个不是播放器 而是让每次刷新都可以自动播放




A. 最简易的连续播放视频/音频的代码

<ASX version ="3.0">

<Entry>
    <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址1"/>
</Entry>

<Entry>
    <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址2"/>
</Entry>

<Entry>
    <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址3"/>
</Entry>
以下同样添加你想要的视频音频个数
</ASX>


B. 可以显示歌曲名称/演员名称的连续播放视频/音频的代码

<ASX version ="3.0">
<Entry>
  <Title>这里添加标题1 视频/音乐名称等等</Title>
  <Author>演员/歌手名1</Author>
  <Copyright>版权归属1</Copyright>
  <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址1"/>
</Entry>

<Entry>
  <Title>这里添加标题2 视频/音乐名称等等</Title>
  <Author>演员/歌手名2</Author>
  <Copyright>版权归属2</Copyright>
  <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址2"/>
</Entry>

<Entry>
  <Title>这里添加标题3 视频/音乐名称等等</Title>
  <Author>演员/歌手名3</Author>
  <Copyright>版权归属3</Copyright>
  <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址3"/>
</Entry>
以下同样添加你想要的视频音频个数
</ASX>



C. 可以显示自己的logo或广告以及歌曲名称/演员名称的连续播放视频/音频的代码

<ASX version ="3.0">

<Entry>
  <Title>这里添加标题1 视频/音乐名称等等</Title>
  <Author>演员/歌手名1</Author>
  <Copyright>版权归属1</Copyright>
    <Banner href = "你的个性图片在网络中的地址1">
    </Banner>
  <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址1"/>
</Entry>

<Entry>
  <Title>这里添加标题2 视频/音乐名称等等</Title>
  <Author>演员/歌手名2</Author>
  <Copyright>版权归属2</Copyright>
    <Banner href = "你的个性图片在网络中的地址2">
    </Banner>
  <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址2"/>
</Entry>

<Entry>
  <Title>这里添加标题 视频/音乐名称等等</Title>
  <Author>演员/歌手名</Author>
  <Copyright>版权归属</Copyright>
    <Banner href = "你的个性图片在网络中的地址3">
    </Banner>
  <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址3"/>
</Entry>
以下同样添加你想要的视频音频个数
</ASX>


转自:http://hi.baidu.com/lina317/blog/item/eab7f8ed320797e6b2fb95c8.html


网页播放器Object使用详解
http://www.jb51.net/article/22611.htm
Embed Object大部分的属性及参数详解
http://slingfeng.blog.163.com/blog/static/57003377200992403322622/
分享到:
评论

相关推荐

    网页背景音乐播放器代码(可实现多首音乐循环播放)

    非常好用而且美观的的网页背景音乐代码,(可实现多首音乐循环播放),只要修改exobudpl.js文件里面的音乐地址即可,让你不再为网页背景音乐播放器不美观而发愁,更多网页实用源码请登录www.ita5.com联系sunny

    网页中插入多个播放的背景音乐

    在网页设计中,为用户提供一个或多个背景音乐的播放功能可以极大地提升用户体验,尤其是在创建某种氛围或者强化品牌识别度的网站上。本教程将详细讲解如何在网页中插入多个播放的背景音乐,并涉及相关的JavaScript源...

    HTML网页音乐播放器

    4. **单曲循环**:通过修改Audio对象的loop属性,可以实现单首歌曲的无限循环播放。 5. **播放/暂停控制**:HTML5的Audio API提供了play()和pause()方法,用于控制音频的播放和暂停。 6. **音量控制**:Audio对象...

    基于hbuilder开发的微信小程序音乐播放系统,可添加本地音乐(含源码)

    1. **音乐播放设置**:用户可以根据自己的喜好调整音量,选择播放模式,如单曲循环、顺序播放或随机播放。这些设置是通过调用微信小程序的API实现的,例如`wx.setStorageSync`用于存储用户的选择,`wx....

    在网页中添加背景播放器代码

    在网页设计中,添加背景音乐或播放器可以提升用户体验,为网站增添个性化和情感色彩。本文将详细讲解如何在网页中插入一个具有自定义功能的免费音乐播放器代码,以及如何利用XML文件来实现无限首音乐的添加。此外,...

    10款网页歌曲播放器+500首歌曲库下载.rar

    它们可能提供自定义皮肤、播放列表管理、歌曲搜索、随机播放、循环播放等特性,以提升用户在网页上的音乐享受。 在选择合适的网页歌曲播放器时,应考虑以下几个关键因素: 1. 兼容性:确保播放器支持主流浏览器,如...

    jQuery MPlayer音乐播放器插件.zip

    jQuery MPlayer音乐播放器插件是一款专为网页设计者打造的高效、易用的音乐播放解决方案,尤其适合作为节日或特殊活动时的背景音乐播放工具。2017年贺新春版的jQuery MPlayer以其独特的红色设计,增添了喜庆氛围,...

    一个很容易修改的网页音乐播放器

    6. **随机播放和循环播放设置**:提供音乐播放模式的选择。这些图标或按钮也需要CSS来定义样式。 7. **加载指示器**:当音乐加载时显示,确保用户知道音乐正在准备播放。使用CSS可以设计出独特的加载动画。 8. **...

    HTML中播放音乐 .doc

    2. 循环播放:loop=正整数、true、false * 属性规定音频或视频文件是否循环及循环次数。 3. 面板显示:hidden=true、no * 属性规定控制面板是否显示,默认值为 no。 4. 开始时间:starttime=mm:ss(分:秒) * ...

    flash音乐播放器_教程.doc

    在实际开发中,可能还需要添加更多的功能,如音量控制、播放列表显示、歌曲循环等。完成后的Flash音乐播放器不仅是一个展示技术的工具,更是一个用户可以互动和享受音乐的平台。 总的来说,创建一个Flash音乐播放器...

    HTML5带背景音乐播放器特效代码

    在这个例子中,`src`属性指定了音频文件的位置,`autoplay`属性让音频在页面加载时自动播放,`loop`属性则让音乐循环播放。按钮通过JavaScript操作`&lt;audio&gt;`元素的`play()`和`pause()`方法来控制播放与暂停,`...

    html+css+js圣诞树飘雪特效(含圣诞mp3+自动播放音乐功能).zip

    同时,可能还会有`loop`属性使得音乐循环播放,创造持续的节日氛围。 这个项目展示了HTML、CSS和JavaScript的综合运用,为用户带来了一个富有节日气氛的交互体验。通过这样的实践,开发者不仅可以提升自己的Web开发...

    js音乐播放器 仿163

    6. **随机播放、顺序播放和循环播放模式**:为用户提供多种播放选项,这些功能通过改变播放逻辑来实现。 7. **加载状态**:显示歌曲加载进度,尤其是在网络不稳定时,这可以帮助用户了解歌曲是否正在加载。 8. **...

    html5小型音乐播放器音频播放代码.zip

    这个HTML5小型音乐播放器音频播放代码项目提供了一个基础的实现,开发者可以根据自己的需求进行扩展,如添加歌词同步、随机播放、循环播放等高级功能。同时,它也展示了如何将HTML5、CSS3和JavaScript结合起来,创建...

    html音乐播放器.pdf

    HTML音乐播放器是一种在网页上实现音频播放功能的交互式组件。这个例子中,我们看到一个简单的HTML音乐播放器的实现,它适用于初学者学习。该播放器使用HTML、CSS和JavaScript(jQuery库)来创建和控制音乐播放。...

    html5响应式音频试听mp3音乐播放网站模板,共包含21个页面模板

    此外,模板可能还集成了一些高级功能,如音乐播放器控件(播放/暂停、前进/后退、音量控制)、播放进度条、随机播放、循环播放和背景播放。考虑到音乐体验的重要性,可能还会包括高质量的音频流和低延迟播放。 为了...

    连续播放歌曲代码.docx

    【描述】:文档提供了一种使用JavaScript和HTML嵌入代码来实现网页上连续播放多首歌曲的方法。 【标签】:“软件/插件”,“cs” 【正文】: 在网页设计中,有时我们需要为用户提供连续播放多首歌曲的功能,这...

    jQuery+HTML5音乐唱片播放器代码

    在现代网页开发中,实现音频播放功能已经变得相当常见,尤其在创建互动式用户体验时。本项目利用jQuery和HTML5的强大功能,为用户构建了一个功能丰富的音乐唱片播放器。以下是这个播放器的核心知识点和实现细节。 *...

    jQuery带歌曲列表的音乐播放器插件.zip

    首先,我们从标题"jQuery带歌曲列表的音乐播放器插件.zip"可以推测,这是一个使用jQuery实现的音乐播放器,具备歌曲列表功能,能够播放多个音频文件。其中,"7463.mp3"、"7399.mp3"、"7631.mp3"代表了包含在压缩包内...

Global site tag (gtag.js) - Google Analytics