请教高手:如何装播放软件在页面上??

JavaScript06

请教高手:如何装播放软件在页面上??,第1张

不是装播放软件,而是使用各种代码调用播放器

给你几个参考:

提供成熟的网页内嵌播放代码,你也可以把代码做为JS文件调用

1.avi格式

<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">

<param name="ShowDisplay" value="0">

<param name="ShowControls" value="1">

<param name="AutoStart" value="1">

<param name="AutoRewind" value="0">

<param name="PlayCount" value="0">

<param name="Appearance value="0 value=""">

<param name="BorderStyle value="0 value=""">

<param name="MovieWindowHeight" value="240">

<param name="MovieWindowWidth" value="320">

<param name="FileName" value="file:///文件路径">

<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="file:///文件路径" src="文件名">

</embed>

</object>

2.mpg格式

<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">

<param name="Appearance" value="0">

<param name="AutoStart" value="-1">

<param name="AllowChangeDisplayMode" value="-1">

<param name="AllowHideDisplay" value="0">

<param name="AllowHideControls" value="-1">

<param name="AutoRewind" value="-1">

<param name="Balance" value="0">

<param name="CurrentPosition" value="0">

<param name="DisplayBackColor" value="0">

<param name="DisplayForeColor" value="16777215">

<param name="DisplayMode" value="0">

<param name="Enabled" value="-1">

<param name="EnableContextMenu" value="-1">

<param name="EnablePositionControls" value="-1">

<param name="EnableSelectionControls" value="0">

<param name="EnableTracker" value="-1">

<param name="Filename" value="文件路径" valuetype="ref">

<param name="FullScreenMode" value="0">

<param name="MovieWindowSize" value="0">

<param name="PlayCount" value="1">

<param name="Rate" value="1">

<param name="SelectionStart" value="-1">

<param name="SelectionEnd" value="-1">

<param name="ShowControls" value="-1">

<param name="ShowDisplay" value="-1">

<param name="ShowPositionControls" value="0">

<param name="ShowTracker" value="-1">

<param name="Volume" value="-480">

</object>

3.smi格式

<OBJECT id=RVOCX classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240

height=180>

<param name="_ExtentX" value="6350">

<param name="_ExtentY" value="4763">

<param name="AUTOSTART" value="-1">

<param name="SHUFFLE" value="0">

<param name="PREFETCH" value="0">

<param name="NOLABELS" value="-1">

<param name="SRC" value="rm.rm">

<param name="CONTROLS" value="ImageWindow">

<param name="CONSOLE" value="console1">

<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"><embed src="文件路径" type="audio/x-pn-realaudio-plugin" console="Console1" controls="ImageWindow" height="180" width="240" autostart="true"></OBJECT>

4.rm格式

<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352>

<param name="_ExtentX" value="9313">

<param name="_ExtentY" value="7620">

<param name="AUTOSTART" value="0">

<param name="SHUFFLE" value="0">

<param name="PREFETCH" value="0">

<param name="NOLABELS" value="0">

<param name="SRC" value="rtsp://文件路径">

<param name="CONTROLS" value="ImageWindow">

<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"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false">

</OBJECT>

方法一

3.1播放多首歌曲代码为:

<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.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]->工具[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.dgzxhome.net/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.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'>

通过Jquery插件实现视频的播放,支持的格式还挺多的!有暂停和播放的功能!但是引用的两个js文件需要下载! <script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="../js/jquery.media.js"></script> <a href="../media/Ozzy Osbourne - Dreamer~1.swf" class="media {width: 640, height: 300, caption: false }"></a>

<a href="#" onClick="$('a.media').Play()">播放</a>

<a href="#" onClick="$('a.media').Pause()">暂停</a>

<script type="text/javascript">

$('a.media').media()

</script>