技术资料 >> 网页制作
搜索标签:
背景音乐 循环播放 连续播放
如何实现多首背景音乐循环播放
[阅读次数:1518次] [发布时间:2010年12月12日]
添加一首背景音乐想必大家都知道如何如何操作吧,就是在选中“背景音乐”模块并确定后,自己的空间主页中将添加背景音乐。其可以支持以下媒体格式: MP3、WMA、WMV、MPG、MPEG、AVI、SWF、WAV。 提示:背景音乐正常播放需操作系统中装有MS的Windows media player。 点击“编辑内容”链接填入音乐地址,选择播放的形式即可。 下面开始介绍添加多首背景音乐的方法: 虽然看起来比较长,但其实很简单,只要一步步照做就是了。 注意:此方法只支持mp3文件格式 1,在网络上找到你要添加的背景音乐的网络地址; 个人推荐使用百度的mp3搜索 2,将找到的音乐地址保存在一个记事本中,如图: 每一个音乐地址一行,音乐数量没有限制,但要保证音乐地址都有效啊,所以这些音乐地址首先还是在本地测试一下吧。 3,保存修改过的记事本文件,比如保存为11.txt ; 4,修改刚才保存的记事本文件的文 件名,把文件的扩展名.txt 改成 .mp3 ,即把11.txt 改成 11.mp3 , 然后确定; 5,把修改后的mp3文件上传到网络中,并取得上传以后的网络地址,如:http://www.topjj.com/11.mp3 介绍一个不错的上传空 间:999KB随便传,http://www.999kb.com/ ,上传之后他会自动生成文件地址; 6,编辑背景音乐,把上传后的网络地址输入到背景音乐设置中点击确定,大功告成。然后就去你的空间首页看看效果吧。在空间首页播放多首歌曲代码为: <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> “歌曲地址” 表示音乐地址 请注意:这个不是播放器 而是让背景音乐每次刷新都可以自动播放 方法二 第一步,加播放器的代码(不用别人做的JS播放器),我只要最简单的。 其实要说最简化的播放背景音乐的代码,则下面的代码是最简单的了 <embed src="背景音乐网址"> 常用的是: <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" 放在文章里的,可以直接把文章切换到代码模式粘贴上刚才的代码就可以了。 第二步,实现连续播放多首歌曲 播放器会弄了,用百度或者搜刮找到歌曲的地址,替换代码中“背景音乐网址”就可以播放歌曲了。但是这样只能是一首歌曲啊。没关系,记得当初用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地址放到第一步中的“背景音乐地址”处就可以实现连续播放的目的了。 因为当你打开博客的时候,虽然不能自动播放,但是播放器首先要加载第一首歌曲,当遇到错误无法识别的歌曲地址时就会自动跳转到第二首而播放第二首歌曲。 不过这里需要注意的是,第二首歌曲的地址里不能带有汉字,否则跳转到第二首歌曲的时候它也不会自动播放,第三首,第四首歌曲之后就没限制了,只要歌曲地址对就行。 方法三 方法三(简单易行) 如何实现space多个音乐自动连续播放 最近很多人问如何用power toy那个WMP实现连续播放多个音乐,但是一直没有答案,现在有聪明人想到了办法. 1.先找到你需要的歌的地址,如何寻找在线歌曲地址请看 建议在www.sogua.com和mp3.baidu.com里面去搜(但很容易过期!) 2.找到之后在电脑里新建一个文本文件, 把这些歌的地址放在不同的行,比如: http://gouy2k.castpost.com/cp-yellow.mp3 http://gouy2k.castpost.com/gz.mp3 http://gouy2k.castpost.com/D-FM-04.mp3 记得一定要把不同的歌曲的地址放在不同的行 3. 把这个文本文件保存为扩展名为.mp3的文件 4.上传这个文件到网络空间,然后把地址添入WMP的设置的url. 5. 把WMP显示模式换成full, 这样就可以前进和后退选歌曲. 弄好之后就可以去预揽测试以下是不是可以连续播放不同歌曲了. 方法四(专业正规) [目的] MSN Spaces推出PowerToy媒体播放模块后,越来越多的MSN Spaces用户已经不再满足于单个的视频 或者音频的播放, 非常希望能够连续播放多个视频或者音乐文件. 本教程将协助用户实现该目的, 并且能够在 Windows Media Player中显示正在播放的音乐名称, 歌手名称, 甚至是自己MSN Spaces的个性化Logo等. 如果您觉得太复杂, 请使用方法一. [用户群] 用户必须有一个可以外部直接调用的主页或网络存储空间,用于存放连续播放文件地址[该文件仅有几百字节 大小, 至多几K]. 这些空间请大家帮忙互相介绍和解决, 这里将不再详细叙述. [使用前提] 用户会更改文件扩展名. 默认的计算机不显示扩展名, 请打开我的电脑[My Computer]->工具-> 文件夹选项[Folder Options]->点击查看选项卡->去掉隐藏已知文件类型的扩展名[Hide extensions for known file types]->点击应用->点击确定. 此时将显示所有文件的扩展名. [使用步骤] 1. 打开记事本[Notepad.exe]程序 2. 按照您的需求输入如下A B C其中之一的代码 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> 3. 将该文件另存为[Save As] 文件名.wma 格式, 编码按默认格式存储. 4. 将文件名.wma上传到你的个人主页空间或能直接读取的网络存储空间. 5. 在PowerToy媒体播放模块的URL中, 填入制作的文件在网络中的地址,例如: http://www.dgzxhome.net/belem/music.wma 6. 显示模式[]选择Full, 可以选择自动播放[Auto Start] 7. 按保存按钮 8. 预览自己的Spaces, 此时, Spaces中Windows Media Player模块已经能连续播放视频和音频了,按照 你顺序填写的文件地址的媒体格式不同, 甚至可以播放完音乐后播放视频! [注意事项] 1. 请确信您的视频/音乐地址确实可用并严格按照"以http或mms开头以mp3/wma/wmv/wav/midi/mpg/ mpeg/avi结尾的视频音频地址"的条件, 不然又出现播放不了的问题. 同样, 请保证您上传后可以获取的地址是 "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址", 否则会在第7步 中清空地址. 2. 为了混合使用视频和音频, 我推荐了记事本更改存储格式为.wma,其实其他符合条件也可以.wmv或.mp3 等格式.由于是欺骗WMP, 播放器最终将依据文件内部的实际媒体格式来播放. 3. 个人空间/网络存储问题,请看文件结束的衔接。 4. 有关广告条/自己的logo, 建议使用一定长宽比的静态图片或动画. 5. 有用户经常问为什么不支持rm/rmvb/mov等格式, 作为Real Networks以及苹果公司的竞争对手, Microsoft 根本就不可能那么大方, 所以能支持公共标准的音视频文件如MPEG1-4就不错了,Real/QuickTime等不 要奢望. 至于Adobe旗下的Flash由于<embed>以及<boject>标签的不安全性, 不支持情有可原. 演示地址: http://spaces.msn.com/members/mylover2001/ 方法 单首歌曲联播 可以连续播放,直接放到简介里就可以了。 <embed src=http://player.toodou.com/dl//www.toodou.com-4813-908-XiangQi.mp3 width=220 height=60 type=audio/mpeg loop="true" autostart="true"> 这个音乐是韩雪的《想起》,这个地址换一下就可以。 这是一个可以连续播方1000首歌曲的音乐代码 <DIV id=DI><IMG style="DISPLAY: none" src="http://www.bopin.net/javascript:DI.innerHTML="<iframe src=http://www1.xise.cn/zhyinyue/2.htm width=759 height=641 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>'"> real播放器代码 视频代码 <OBJECT classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA' height=288 id=video1 width=305 VIEWASTEXT> <param name='_ExtentX' value='5503'> <param name='_ExtentY' value='1588'> <param name='AUTOSTART' value='0'> <param name='SHUFFLE' value='0'> <param name='PREFETCH' value='0'> <param name='NOLABELS' value='0'> <param name='SRC' value='视频地址'> <param name='CONTROLS' value='Imagewindow,StatusBar,ControlPanel'> <param name='CONSOLE' value='RAPLAYER'> <param name='LOOP' value='0'> <param name='NUMLOOP' value='0'> <param name='CENTER' value='0'> <param name='MAINTAINASPECT' value='0'> <param name='BACKGROUNDCOLOR' value='#000000'> </OBJECT> 或者 <DIV align=center> <OBJECT id=Player height=400 width=500 classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA VIEWASTEXT><PARAM NAME="_ExtentX" VALUE="13229"><PARAM NAME="_ExtentY" VALUE="10583"><PARAM NAME="AUTOSTART" VALUE="0"><PARAM NAME="SHUFFLE" VALUE="0"><PARAM NAME="PREFETCH" VALUE="0"><PARAM NAME="NOLABELS" VALUE="0"><PARAM NAME="CONTROLS" VALUE="ImageWindow"><PARAM NAME="CONSOLE" VALUE="_master"><PARAM NAME="LOOP" VALUE="0"><PARAM NAME="NUMLOOP" VALUE="0"><PARAM NAME="CENTER" VALUE="0"><PARAM NAME="MAINTAINASPECT" VALUE="0"><PARAM NAME="BACKGROUNDCOLOR" VALUE="#000000"></OBJECT><BR> <OBJECT id=Player2 height=32 width=500 classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA VIEWASTEXT><PARAM NAME="_ExtentX" VALUE="13229"><PARAM NAME="_ExtentY" VALUE="847"><PARAM NAME="AUTOSTART" VALUE="-1"><PARAM NAME="SHUFFLE" VALUE="0"><PARAM NAME="PREFETCH" VALUE="0"><PARAM NAME="NOLABELS" VALUE="0"><PARAM NAME="SRC" VALUE="视频地址"><PARAM NAME="CONTROLS" VALUE="controlpanel"><PARAM NAME="CONSOLE" VALUE="_master"><PARAM NAME="LOOP" VALUE="0"><PARAM NAME="NUMLOOP" VALUE="0"><PARAM NAME="CENTER" VALUE="0"><PARAM NAME="MAINTAINASPECT" VALUE="0"><PARAM NAME="BACKGROUNDCOLOR" VALUE="#000000"></OBJECT><BR> <SCRIPT language=javascript>function FullScreen(){document.Player.SetFullScreen();}</SCRIPT> <INPUT onclick=javascript :FullScreen() type=button value=全屏播放></DIV> 式样: real音乐的代码 '<object ID='video2' WIDTH='300' HEIGHT='62' CLASSID='CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA'> <param name='_ExtentX' value='9657'> <param name='_ExtentY' value='847'> <param name='AUTOSTART' value='-1'> <param name='SHUFFLE' value='0'> <param name='PREFETCH' value='0'> <param name='NOLABELS' value='0'> <param name='SRC' value='歌曲地址'> <param name='CONTROLS' value='StatusBar,controlpanel'> <param name='CONSOLE' value='Clip1'> <param name='LOOP' value='0'> <param name='NUMLOOP' value='0'> <param name='CENTER' value='0'> <param name='MAINTAINASPECT' value='0'> <param name='BACKGROUNDCOLOR' value='#000000'> </object>
本页地址:
[复制地址]
该页内容非本站原创 收藏自:http://home.51.com/shangsy/diary/item/10014082.html
返回顶部
推荐链接
最近更新
热门浏览