分享

如何在网页中加入背景音乐+在线播放器代码大全

 cool585 2009-09-29

添加一首背景音乐想必大家都知道如何如何操作吧,就是在选中“背景音乐”模块并确定后,自己的空间 主页中将添加背景音乐。其可以支持以下媒体格式: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./11.mp3 介绍一个不错的上传空 间:999KB随便传,http://www./ ,上传之后他会自动生成文件地址;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)上传到你的个人主页或者随便其他水木地方(我是传到googlepage的)。再把m3u的IE地址放到第一步中的“背景音乐地址”处就可以实现连续播放的目的了。不信,试试看。
    

     因为当你打开博客的时候,虽然不能自动播放,但是播放器首先要加载第一首歌曲,当遇到错误无法识别的歌曲地址时就会自动跳转到第二首而播放第二首歌曲。

     不过这里需要注意的是,第二首歌曲的地址里不能带有汉字,否则跳转到第二首歌曲的时候它也不会自动播放,第三首,第四首歌曲之后就没限制了,只要歌曲地址对就行。


方法三

 

方法三(简单易行)

  如何实现space多个音乐自动连续播放

  最近很多人问如何用power toy那个WMP实现连续播放多个音乐,但是一直没有答案,现在有聪明人想到了办法.

  1.先找到你需要的歌的地址,如何寻找在线歌曲地址请看

   建议在www.和mp3.baidu.com里面去搜(但很容易过期!)

  2.找到之后在电脑里新建一个文本文件, 把这些歌的地址放在不同的行,比如:

   http://gouy2k./cp-yellow.mp3
   http://gouy2k./gz.mp3
   http://gouy2k./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]->工具[Tools]->
文件夹选项[Folder Options]->点击查看[View]选项卡->去掉隐藏已知文件类型的扩展名[Hide extensions
for known file types]->点击应用[Apply]->点击确定[OK].

  此时将显示所有文件的扩展名.

[使用步骤]
  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./belem/music.wma

6. 显示模式[]选择Full, 可以选择自动播放[Auto Start]

7. 按保存[Save]按钮

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[MacroMedia]旗下的Flash由于<embed>以及<boject>标签的不安全性, 不支持情有可原.

  演示地址:
  http://spaces./members/mylover2001/
方法   


单首歌曲联播

可以连续播放,直接放到简介里就可以了。

<embed src=http://player./dl//www.-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./javascript:DI.innerHTML="<iframe src=http://www1./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>
如何在网页中加入背景音乐+在线播放器代码大全

如何在网页中加入背景音乐               

       你在浏览这个页面时,听到音乐了吗?在页面中加入背景音乐,其实很简单,有两种方法:
最简单的方法是,在页面代码中的<head>与</head>标签之间加入如下代码:<bgsound src="/Home/xxx" loop="-1">
        其中:“xxx”处添入你要加入的背景音乐的地址,“loop”中的数值是音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。
        另外一种方法则略微复杂一些,但可设置的参数也较多。这次我们在页面代码中的<body>与</body>标签之间加入一个“Embed”标签,其最简形式就像这样:
        <EMBED src="/Home/xxx" autostart="true" loop="true" width="80" height="20">
不同的是,在这里我们可以设置更多内容,以下是具体的说明:

src 背景音乐的路径。
autostart

是否自动播放,“true”为音乐文件读取完后立即播放,“false”则不立即播放,默认值为“false”

loop 循环次数,设置为“true”为永远循环,“false”为仅播放一次,若设为任意一正整数,则循环所输入的次数。
volume 设置音量,取值范围是“0-100”,默认值为系统当前音量。
starttime 设置音乐开始播放的时间,格式是“分:秒”,如:starttime="00:10",就是从第10秒开始播放。
endtime 设置音乐结束播放的时间,具体格式同上。
width 设置音乐播放控制面板的宽度。
height 设置音乐播放控制面板的高度。
controls 设置音乐播放控制面板的外观,“console”为通常面板;“smallconsole”为小型面板。“playbutton”为是否显示播放按钮;“pausebutton”为是否显示暂停按钮;“stopbutton”为是否显示停止按钮;“volumelever”为是否显示音量调节按钮,例如:
controls="console/smallconsole/playbutton/
pausebutton/stopbutton/volumelever"。
hidden 设置音乐播放控制面板的显示与否,“false”为显示,“true”为隐藏。

       现在,你可以试一试了。不过要注意,音乐文件的体积不要太大,否则页面已经打开了半天,音乐却还没有读出来。


第一步:首先把你喜欢的音乐上传到博客(当然也可以是其他链接地址)。
第二步:把上传的音乐地址全部粘贴到记事本中,不用加任何代码。
如:
http://链接地址
http://链接地址
第三步:把记事本另存为:music.jpg,就是图片格式文件,然后再上传到博客空间里,上传后记住上传的地址。
第四步:在发贴时,选择HTML方式,再最下面加入以下代码。

〈div align="center"〉〈embed src="音乐地址" width="180" height="50" hidden="true" type="audio/mpeg/wma" autostart="true" loop="true" /〉〈/div〉

提示: autostart="true" 自动播放选项:true 不自动播放选项:false
loop="true" 循环播放选项:true 不循环播放选项:false
hidden="true" 隐藏播放器选项:true 显示播放器选项:false

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约