如何在自己设计的网页中添加一个音乐播放器。_安全

直接插入一个行为就可以了:一、学会添加音乐文件为网页添加背景音乐的方法一般有两种，第一种是通过普通的〈bgsound〉标签来添加，另一种是通过〈embed〉标签来添加

(一)使用〈bgsound〉标签用Dreamweaver打开需要添加背景音乐的页面，点击“代码”打开代码编辑视图，在〈body〉〈/body〉之间输入“〈”在d出的代码提示框中选择bgsound

Dreamweaver自动输入“〈bgsound”代码后按空格键，代码提示框会自动将bgsound标签的属性列出来供你选择使用

bgsound标签共有五个属性，其中balance是设置音乐的左右均衡，delay是进行播放延时的设置，loop是循环次数的控制，src则是我们音乐文件的路径，volume是音量设置

一般在添加背景音乐时，我们并不需要对音乐进行左右均衡以及延时等设置，所以仅需要几个主要的参数就可以了

最后的代码如下：〈bgsoundsrc="musicmid"loop="-1"〉其中，loop="-1"表示音乐无限循环播放，如果你要设置播放次数，则改为相应的数字即可

这种添加背景音乐的方法是最基本的方法，也是最为常用的一种方法，对于背景音乐的格式支持现在大多的主流音乐格式，如WAV、MID、MP3等

如果要顾及到网速较低的浏览者，则可以使用MID音效作为网页的背景音乐，因为MID音乐文件小，这样在网页打开的过程中能很快加载并播放，但是MID也有不足的地方，它只能存放音乐的旋律，没有好听的和声以及唱词

如果你的网速较快，或是觉得MID音乐有些单调，也可以添加MP3的音乐

只要将上述代码中的happymid改为happymp3即可

提示：在FrontPage中加入背景音乐要比Dreamweaver相对方便一些，只要在“背景”对话框中进行相关设置即可

(二)使用〈embed〉标签使用〈embed〉标签来添加音乐的方法并不是很常见，但是它的功能非常强大，如果结合一些播放控件就可以打造出一个Web播放器

它的使用方法与第一种基本一样，只是第一步的代码提示框里不要选择gbsound，改而选择embed即可

然后再选择它的属性进行相应的设置(图3)，从图中可看出embed的属性比gbsound的五个属性多许多

最后的代码如下：〈embedsrc="musicmp3"autostart="true"loop="true"hidden="true"〉〈/embed〉

解决方法：
在网页上看到的播放器无外乎WMP/RealPlayer/Flash
Player,其他的无非是面板不同，或者添加了其他控件，对于计算机上安装的一些播放器也都是编码和解码器的整合，其最核心的编码和解码技术是相同的。
例如：网络上最流行的windows media流(asf，wma，wmv
格式)，Real流(rm，rmvb格式)，还有MPEG系列编码格式(MP4，MP3格式)。下面是常见网页播放器代码
1、使用Embed 标签播放多媒体文件
格式<embed src="文件名"/>。其中文件名可以取任何一种多媒体文件格式，例如
"testwma"，就会在网页上显示一个 Windows Media Player 播放器(因为 wma 是 WMP 专用的)，另如
"testrm"，就会在网页上显示一个 Real Player 播放器。当然，你的计算机上必须安装了 RealPlayer 才可以显示。
其实 embed 标签还可以显示 Flash 动画(这时embed 标签的作用跟用 object 标签显示 Flash 动画的差不多)，例子: <embed src="aswf">
总之，归纳 embed 标签的作用: 在网页上播放指定的多媒体文件。
2、调用Windows Media Player 进行播放
可用来来播放 wmv，asf 等格式文件
<object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase=">最简单的播放代码 <embed src="地址" autostart="true" loop="true" width="200" height="150" >
仔细研究的话，就看下面的吧根据你自己的情况来添加吧

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="地址">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename=" 地址" src="sampleavi"> </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 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="地址";>
<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>
4 wmv格式
<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312- b0f6-11d0-94ab-0080c74c7e95" codebase="地址" standby="Loading Microsoft Windows Media Player components" type="application/x-oleobject" align="right" hspace="5">

<param name="AutoRewind" value=1>
<param name="FileName" value="xxxxxxwmv"> 
<param name="ShowControls" value="1"> 
<param name="ShowPositionControls" value="0"> 
<param name="ShowAudioControls" value="1"> 
<param name="ShowTracker" value="0"> 
<param name="ShowDisplay" value="0"> 
<param name="ShowStatusBar" value="0"> 
<param name="ShowGotoBar" value="0"> 
<param name="ShowCaptioning" value="0"> 
<param name="AutoStart" value=1> 
<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0"> 
<param name="TransparentAtStart" value="0"> 
<param name="AllowChangeDisplaySize" value="0"> 
<param name="AllowScan" value="0">
 <param name="EnableContextMenu" value="0">
 <param name="ClickToPlay" value="0"> </object>
5: 最简单的播放代码
<embed src="地址" autostart="true" loop="true" width="200" height="150" >
6: 有图像的rm格式
<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=-1> <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> 7:
无图像的rm格式：(如相声，歌曲) <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>
8:最简单的media格式的播放器
<embed src=地址 width=200 height=200 autostart=true loop=true></embed>
9: 有图像的media播放器，自动调用网上的插件
<object id=nstv classid=CLSID:6BF52A52-394A-11d3- B153-00C04F79FAA6 width=280 height=265 codebase=地址/activex/controls /mplayer/en/nsmp2infcab#Version=5,1,52,701standby=Loading Microsoft Windows Media Player components type=application/x-oleobject> <param name=URL value=地址>
<PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true> <PARAM NAME=Enabled value=true>
<PARAM NAME=enableContextMenu value=false> <param name=WindowlessVideo value=true></object>
10: 无图像的media播放器
<object id=nstv classid=CLSID:6BF52A52-394A-11d3- B153-00C04F79FAA6 width=280 height=60 codebase=>首先，我们需要下载一个播放器，百度搜索“西瓜影音”选择第一个下载。
下载完成后，点击安装，然后打开西瓜影音播放器，我们就看到了这个软件的主页面。
然后，我们可以搜索，在中间输入“名称+西瓜影视”点击百度一下，同时我们还可以点击“打开文件”打开我们电脑上的视频文件。
搜索完毕后，进入网站，点击播放，就开始可以在线观看了。
西瓜影音是采取边在线观看，边下载的模式，你可以点击软件上方的“下载”，查看进度，以及保存的位置，暂停等 *** 作。
还可以点击“下载”--“新建”，把你想播放的视频网址，复制在对话框中，点击确定，就开始边下载边播放了。

视频格式：RealPlayer[php]//定义播放界面 //定义状态栏 \"> //定义控制面板 [/php]检测用户是否安装Realplayer[php][/php]小技巧：[I]的妙用。由于为RealPlayer控件指定新的SRC需要刷新页面，使用[I]可以把RealPlayer控件嵌入到单独的页面中，这样，动态刷新就是在[I]内进行，不会影响用户观看页面其它内容。以下代码包含在主页面中： [I] [/I]，其中，videophp文件用力显示RealPlayer控件。下面我们加入简单的JavaScript 代码用来控制视频的播放。查看原帖>>

打开IE浏览器,工具----Internet选项------高级-----多煤体--
里边有"播放网页中的视频","播放网页中的声音","播放网页中的动画",然后选中就可以了
希望我的回答能对你有点帮助

你要新建一个播放器页面的。。
对於wav,mpeg和rm格式所用到的播放器是不一样的，代码也不一样。。
<object classid=\"clsid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA\" id=\"RealAudio1\">
<param name=\"AUTOSTART\" value=\"0\">
<param name=\"SHUFFLE\" value=\"0\">
<param name=\"PREFETCH\" value=\"0\">
<param name=\"NOLABELS\" value=\"0\">
<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\">
<param name=\"SRC\" value=\"你视频的地址\">
</object>

现在的QQ空间增加了一项新功能，QQ音乐网页播放器，此播放器可以在网页上直接播放音乐，但此网页播放器能播放的音乐较少。在这里本人建议您去下载一个QQ音乐客户端，这个客户端播放的音乐较广泛

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/yw/13337135.html

如何在自己设计的网页中添加一个音乐播放器。

发表评论

评论列表（0条）