WEB 网页中实现音乐播放

 

主要通过embed标签来实现

 

<embed controller="true" width="300" height="40" src="http://www.mtvab.com/lrc/1.wma" border="0" >

　　（一）、基本语法：

　　embed src=url

　　说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等，

　　Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。

　　示例：<embed src="your.mid">

　　（二）、属性设置：

　　1、自动播放：

　　语法：autostart=true、false

　　说明：该属性规定音频或视频文件是否在下载完之后就自动播放。

　　true：音乐文件在下载完之后自动播放；

　　false：音乐文件在下载完之后不自动播放。

　　示例：<embed src="your.mid" autostart=true>

　　<embed src="your.mid" autostart=false>

　　2、循环播放：

　　语法：loop=正整数、true、false

　　说明：该属性规定音频或视频文件是否循环及循环次数。

　　属性值为正整数值时，音频或视频文件的循环次数与正整数值相同；

　　属性值为true时，音频或视频文件循环；

　　属性值为false时，音频或视频文件不循环。

　　示例：<embed src="your.mid" autostart=true loop=2>

　　<embed src="your.mid" autostart=true loop=true>

　　<embed src="your.mid" autostart=true loop=false>

　　3、面板显示：

　　语法：hidden=ture、flase

　　说明：该属性规定控制面板是否显示，默认值为flase。

　　ture：隐藏面板；

　　flase：显示面板。

　　示例：<embed src="your.mid" hidden="ture">

　　<embed src="your.mid" hidden="no">

　　4、开始时间：

　　语法：starttime=mm:ss（分：秒）

　　说明：该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。

　　示例：<embed src="your.mid" starttime="00:10">

　　5、音量大小：

　　语法：volume=0-100之间的整数

　　说明：该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。

　　示例：<embed src="your.mid" volume="10">

　　6、容器属性：

　　语法：height=# width=#

　　说明：取值为正整数或百分数，单位为像素。该属性规定控制面板的高度和宽度。

　　height：控制面板的高度；

　　width：控制面板的宽度。

　　示例：<embed src="your.mid" height=200 width=200>

　　7、容器单位：

　　语法：units=pixels、en

　　说明：该属性指定高和宽的单位为pixels或en。

　　示例：<embed src="your.mid" units="pixels" height=200 width=200>

　　<embed src="your.mid" units="en" height=200 width=200>

　　8、外观设置：

　　语法：controls=console、smallconsole、playbutton、pausebutton、stopbutton、

　　volumelever 说明：该属性规定控制面板的外观。默认值是console。

　　console：一般正常面板；

　　smallconsole：较小的面板；

　　playbutton：只显示播放按钮；

　　pausebutton：只显示暂停按钮；

　　stopbutton：只显示停止按钮；

　　volumelever：只显示音量调节按钮。

　　示例：<embed src="your.mid" controls=smallconsole>

　　<embed src="your.mid" controls=volumelever>

　　9、对象名称：

　　语法：name=#

　　说明：#为对象的名称。该属性给对象取名，以便其他对象利用。

　　示例：<embed src="your.mid" name="sound1">

　　10、说明文字：

　　语法：title=#

　　说明：#为说明的文字。该属性规定音频或视频文件的说明文字。

　　示例：<embed src="your.mid" title="第一首歌">

　　11、前景色和背景色：

　　语法：palette=color|color

　　说明：该属性表示嵌入的音频或视频文件的前景色和背景色，第一个值为前景色，第二个值为背景

　　色，中间用 | 隔开。color可以是RGB色（RRGGBB）也可以是颜色名，还可以是transparent

　　（透明）。 示例：<embed src="your.mid" palette="red|black">

　　12、对齐方式：

　　语法：align=top、bottom、center、baseline、 left、right、texttop、middle、

　　absmiddle、absbottom

　　说明：该属性规定控制面板和当前行中的对象的对齐方式。

　　center：控制面板居中；

　　left：控制面板居左；

　　right：控制面板居右；

　　top：控制面板的顶部与当前行中的最高对象的顶部对齐；

　　bottom：控制面板的底部与当前行中的对象的基线对齐；

　　baseline：控制面板的底部与文本的基线对齐；

　　texttop：控制面板的顶部与当前行中的最高的文字顶部对齐；

　　middle：控制面板的中间与当前行的基线对齐；

　　absmiddle：控制面板的中间与当前文本或对象的中间对齐；

　　absbottom：控制面板的底部与文字的底部对齐。

　　示例：<embed src="your.mid" align=top>

　　<embed src="your.mid" align=center>

 

 

 

(默认0为否，-1或1为是)
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225">
<param name="AudioStream" value="-1">
<param name="AutoSize" value="-1">
<!--是否自动调整播放大小-->
<param name="AutoStart" value="-1">
<!--是否自动播放-->
<param name="AnimationAtStart" value="-1">
<param name="AllowScan" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="AutoRewind" value="0">
<param name="Balance" value="0">
<!--左右声道平衡,最左-9640,最右9640-->
<param name="BaseURL" value>
<param name="BufferingTime" value="15">
<!--缓冲时间-->
<param name="CaptioningID" value>
<param name="ClickToPlay" value="-1">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="0">
<!--当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0-->
<param name="CurrentMarker" value="0">
<param name="DefaultFrame" value>
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="0">
<!--视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理-->
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<!-是否用右键弹出菜单控制-->
<param name="EnablePositionControls" value="-1">
<param name="EnableFullScreenControls" value="-1">
<param name="EnableTracker" value="-1">
<!--是否允许拉动播放进度条到任意地方播放-->
<param name="Filename" value="01.wma" valuetype="ref">
<!--播放的文件地址-->
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<!--是否静音-->
<param name="PlayCount" value="10">
<!--重复播放次数,0为始终重复-->
<param name="PreviewMode" value="-1">
<param name="Rate" value="1">
<!--播放速率控制,1为正常,允许小数-->
<param name="SAMIStyle" value>
<!--SAMI样式-->
<param name="SAMILang" value>
<!--SAMI语言-->
<param name="SAMIFilename" value>
<!--字幕ID-->
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="SendOpenStateChangeEvents" value="-1">
<param name="SendWarningEvents" value="-1">
<param name="SendErrorEvents" value="-1">
<param name="SendKeyboardEvents" value="0">
<param name="SendMouseClickEvents" value="0">
<param name="SendMouseMoveEvents" value="0">
<param name="SendPlayStateChangeEvents" value="-1">
<param name="ShowCaptioning" value="0">
<!--是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示-->
<param name="ShowControls" value="-1">
<!--是否显示控制,比如播放,停止,暂停-->
<param name="ShowAudioControls" value="-1">
<!--是否显示音量控制-->
<param name="ShowDisplay" value="0">
<!--显示节目信息,比如版权等-->
<param name="ShowGotoBar" value="0">
<!--是否启用上下文菜单-->
<param name="ShowPositionControls" value="-1">
<!--是否显示往前往后及列表,如果显示一般也都是灰色不可控制-->
<param name="ShowStatusBar" value="-1">
<!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间-->
<param name="ShowTracker" value="-1">
<!--是否显示当前播放跟踪条,即当前的播放进度条-->
<param name="TransparentAtStart" value="-1">
<param name="VideoBorderWidth" value="0">
<!--显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小-->
<param name="VideoBorderColor" value="0">
<!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色-->
<param name="VideoBorder3D" value="0">
<param name="Volume" value="0">
<!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640-->
<param name="WindowlessVideo" value="0">
<!--如果是0可以允许全屏,否则只能在窗口中查看-->
</object>

上面的这个播放器是老式的那种，6.4版本！新式播放器是在MediaPlayer9.0以后出现的，也就是说只有装了9.0或9.0以上的播放器才能正常使用的。

-------------------------------------------------------------------------------

下面是新式播放器代码，相对以前的来说要简单很多：
<object id="player" height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1">
<!--是否自动播放-->
<param NAME="Balance" VALUE="0">
<!--调整左右声道平衡,同上面旧播放器代码-->
<param name="enabled" value="-1">
<!--播放器是否可人为控制-->
<param NAME="EnableContextMenu" VALUE="-1">
<!--是否启用上下文菜单-->
<param NAME="url" VALUE="1.wma">
<!--播放的文件地址-->
<param NAME="PlayCount" VALUE="1">
<!--播放次数控制,为整数-->
<param name="rate" value="1">
<!--播放速率控制,1为正常,允许小数,1.0-2.0-->
<param name="currentPosition" value="0">
<!--控件设置:当前位置-->
<param name="currentMarker" value="0">
<!--控件设置:当前标记-->
<param name="defaultFrame" value="">
<!--显示默认框架-->
<param name="invokeURLs" value="0">
<!--脚本命令设置:是否调用URL-->
<param name="baseURL" value="">
<!--脚本命令设置:被调用的URL-->
<param name="stretchToFit" value="0">
<!--是否按比例伸展-->
<param name="volume" value="50">
<!--默认声音大小0%-100%,50则为50%-->
<param name="mute" value="0">
<!--是否静音-->
<param name="uiMode" value="mini">
<!--播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示-->
<param name="windowlessVideo" value="0">
<!--如果是0可以允许全屏,否则只能在窗口中查看-->
<param name="fullScreen" value="0">
<!--开始播放是否自动全屏-->
<param name="enableErrorDialogs" value="-1">
<!--是否启用错误提示报告-->
<param name="SAMIStyle" value>
<!--SAMI样式-->
<param name="SAMILang" value>
<!--SAMI语言-->
<param name="SAMIFilename" value>
<!--字幕ID-->
</object>

Real Player 网页播放器 参数含义

参数：autostart 属性：True或是False 作用：指定是否自动播放指定的源文件 
参数：backgroundcolor 属性：任何用符号“#”开头的16进制数值或是任何预定义的颜色作用：指定图像窗口的背景颜色 
参数：center 属性：True或是False 作用：指定片断使用初始编码大小播放，并且在图像窗口的中央。 
参数：classid 属性："clsid：CFCDAA03-8BE4-1lcf-B84B0020AFBBCCFA:** 作用：用于指定ActiveX控件的唯一的字符串标示，可以认出嵌入的RealPalyer播放器。 
参数：console 属性：任何字符串作用：可以将各种不同的RealPlayer控制聚集在网页上，这样它们可以交互使用或是保持独立，而且互相不影响 
参数：controls 属性：ImageWindow，All，ControlPanel，PlavButton，PlayOnlyButton， PauseButton,StopButton，FFCtrl，RWCtrl，MuteCtrl，MuteVolume，VolumeSlider，PositionSlider,TACCtrl，HomeCtrl，InfoVolumePanel，InfoPanel，StatusBar，StatusField，PositionField 作用：可以让你指定那些控制是可见的。 
参数：height 属性：任何整数值作用：指定RealPlayer元素的高度，单位:像素 
参数：id 属性：任何字符串作用：为标签中的RealPlayer元素指定名字。 
参数：imagestatus 属性：True或是False 作用：指定是否在图像窗口中显示状态信息，默认值是true 
参数：loop 属性：True或是False 作用：可以让你指定片断是否无限循环 
参数：maintainaspect 属性：True或是False 作用：默认RealPlayer拉伸所有的片断来充满整个图像窗口。 
参数：name 属性：任何字符串作用：为标签中的RealPlayer元素指定名字(在标签中使用id) 
参数：nojava 属性：True或是False 作用：避免启动Java虚拟机 
参数：nolabels 属性：True或是False 作用：可以禁止显示标题或是版权信息(realplayer5.0以上时，它是垃圾...) 
参数：nologo 属性：True或是False 作用：避免RealPlayer启动时在图像窗口中显示 
参数：numloop 属性：任何整数值作用：让你能够指定文件片循环的次数，不需要参数loop 
参数：prefetch 属性：True或是False 作用：指定在播放前，RealPlayer是否可以获得流描述信息，默认值是False 
参数：region 属性：任何字符串作用：同SMIL一起使用。允许你指定使用HTML代替SMIL 
参数：scriptcallbacks 属性：用逗号分割的列表作用：指定浏览器的回调监控（好高级的东东！） 
参数：shuffle 属性：True或是False 作用：同多文件片的ram文件或是SMIL文件一起使用。可以让RealPlayer随机播放列表中的文件 
参数：src 属性：任何合法的相对或是完整的URL 作用：指定播放的文件或是源文件的地址 
参数：type 属性：字符串作用：为嵌入插件指定MIME类型 
参数：width 属性：任何整数值作用：指定RealPlayer元素的宽度

 

 

 

个人博客正式上线，欢迎访问