常见的网页播放器代码

深藏阁楼爱情的钟 2021-12-24 09:39 461阅读 0赞

我们在网页上看到的播放器无外乎WMP/RealPlayer/Flash Player,其他的无非是面板不同，或者添加了其他控件，对于计算机上安装的一些播放器也都是编码和解码器的整合，其最核心的编码和解码技术是相同的。例如：网络上最流行的windows media流(asf，wma，wmv 格式)，Real流(rm，rmvb格式)，还有MPEG系列编码格式(MP4，MP3格式)。下面是[admin10000.com][]整理的常见网页播放器代码  
  
  
**1、使用Embed 标签播放多媒体文件**  
　　格式<embed src="文件名"/>。其中文件名可以取任何一种多媒体文件格式，例如 "test.wma"，就会在网页上显示一个 Windows Media Player 播放器(因为 wma 是 WMP 专用的)，另如 "test.rm"，就会在网页上显示一个 Real Player 播放器。当然，你的计算机上必须安装了 RealPlayer 才可以显示。  
其实 embed 标签还可以显示 Flash 动画(这时embed 标签的作用跟用 object 标签显示 Flash 动画的差不多)，例子: <embed src="a.swf">  
总之，归纳 embed 标签的作用: 在网页上播放指定的多媒体文件。  
  
  
**2、调用Windows Media Player 进行播放**  
　　可用来来播放 wmv，asf 等格式文件

Windows Media Player 7 及更高版本的 class ID 是：clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6  
上面例子中的 class ID 是一个老的版本，但是依然可以工作，这是因为其向后兼容性。但是如果使用了老的 class ID，就无法使用增加到组件中的新特性了。  
下面给出新版本的例子

<object

classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/x-oleobject" height="200" width="300">  
<param name="url" value="test.wmv" />  
<param name="autostart" value="false" />  
<param name="showstatusbar" value="true" />  
<param name="showtracker" value="true" />  
<param name="showcontrols" value="true" />  
<param name="uimode" value="full"/>  
<embed filename="test.wmv" autostart="false" showcontrols="true" showstatusbar="true"showtracker="true" uimode="full" src="test.wmv" type="application/x-mplayer2" height="200"width="300"></embed>  
</object>

**3、调用Real Player 进行播放**  
　　可用来播放 rm，ram 等格式文件  
  
播放框：  
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=285 id=RAOCXname=rmplay width=356>  
<param name="SRC" value="影片地址">  
<param name="CONSOLE" value="Clip1">  
<param name="CONTROLS" value="imagewindow">  
<param name="AUTOSTART" value="true">  
<embed src="影片地址" autostart="true" controls="ImageWindow" console="Clip1"pluginspage="http://www.real.com"/’ width="356" height="285">  
</embed>  
</object>  
  
控制框：可紧跟播放框一起  
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=27 id=video1width=356>  
<param name="\_ExtentX" value="7276">  
<param name="\_ExtentY" value="1058">  
<param name="AUTOSTART" value="0">  
<param name="SHUFFLE" value="0">  
<param name="PREFETCH" value="0">  
<param name="NOLABELS" value="0">  
<param name="CONTROLS" value="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="\#ffffff">  
<embed type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel"height="27" width="356" autostart="0" \_extentx="7276" \_extenty="1058" shuffle="0"prefetch="0" nolabels="0" loop="0" numloop="0" center="0" maintainaspect="0"backgroundcolor="\#ffffff">  
</embed>  
</object>  
  
  
最后给出Windows Media Player 和 Real Player 播放器的详细参数说明

<table> 
 <tbody> 
  <tr> 
   <th colspan="3" align="left"><strong>Windows Media Player "clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"<span>&nbsp;</span></strong>&nbsp;参数说明</th> 
  </tr> 
 </tbody> 
</table>

参数默认值说明AudioStreamtrue AutoSizetrue是否自动调整播放大小 **AutoStart**true是否自动播放AnimationAtStarttrue整个动画是否在下载时同时播放AllowScantrue AllowChangeDisplaySizetrue AutoRewindfalse Balancefalse左右声道平衡,最左-9640,最右9640BaseURL BufferingTime5缓冲时间CaptioningID ClickToPlaytrue当用户点击播放区域时是否启动播放器CursorTypefalse CurrentPositiontrue当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0CurrentMarkerfalse DefaultFrame DisplayBackColorfalse DisplayForeColor16777215 DisplayModefalse DisplaySizefalse视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理Enabledtrue EnableContextMenutrue是否用右键弹出菜单控制EnablePositionControlstrue EnableFullScreenControlsfalse EnableTrackertrue是否允许拉动播放进度条到任意地方播放 **Filename** *URL*指定播放文件的URLInvokeURLstrue Languagetrue Mutefalse是否静音 **PlayCount**1重复播放次数,0为始终重复PreviewModefalse Rate1播放速率控制,1为正常,允许小数SAMILang SAMI语言SAMIStyle SAMI样式SAMIFileName 字幕IDSelectionStarttrue SelectionEndtrue SendOpenStateChangeEventstrue SendWarningEventstrue SendErrorEventstrue SendKeyboardEventsfalse SendMouseClickEventsfalse SendMouseMoveEventsfalse SendPlayStateChangeEventstrue ShowCaptioningfalse是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示 **ShowControls**true是否显示控制,比如播放,停止,暂停ShowAudioControlstrue是否显示音量控制ShowDisplayfalse显示节目信息,比如版权等ShowGotoBarfalse是否显示进度条ShowPositionControlstrue是否显示往前往后及列表,如果显示一般也都是灰色不可控制 **ShowStatusBar**false当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间 **ShowTracker**true是否显示当前播放跟踪条,即当前的播放进度条TransparantAtStartfalse VideoBorderWidthfalse显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小VideoBorderColorfalse显示黑色框的颜色, 为RGB值,比如ffff00为黄色VideoBorder3Dfalse **Volume**\-200音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640WindowlessVideofalse如果是0可以允许全屏,否则只能在窗口中查看

<table> 
 <tbody> 
  <tr> 
   <th colspan="3" align="left"><strong>Windows Media Player "clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" 参数说明</strong></th> 
  </tr> 
  <tr> 
   <th align="left">参数</th> 
   <th align="left">默认值</th> 
   <th>说明</th> 
  </tr> 
  <tr> 
   <td><strong>AutoStart</strong></td> 
   <td>-1</td> 
   <td>是否自动播放，0不自动播放，-1自动播放</td> 
  </tr> 
  <tr> 
   <td><strong>Balance</strong></td> 
   <td>0</td> 
   <td>调整左右声道平衡,最左-9640,最右9640</td> 
  </tr> 
  <tr> 
   <td><strong>enabled</strong></td> 
   <td>-1</td> 
   <td>播放器是否可人为控制；-1可控制，0不可控制</td> 
  </tr> 
  <tr> 
   <td><strong>EnableContextMenu</strong></td> 
   <td>-1</td> 
   <td>是否启用上下文菜单（是否用右键弹出菜单控制） 0不显示菜单，1显示菜单</td> 
  </tr> 
  <tr> 
   <td><strong>url</strong></td> 
   <td>　</td> 
   <td>播放的文件地址</td> 
  </tr> 
  <tr> 
   <td><strong>PlayCount</strong></td> 
   <td>　</td> 
   <td>播放次数控制,为整数,0为始终重复</td> 
  </tr> 
  <tr> 
   <td>rate</td> 
   <td>　</td> 
   <td>播放速率控制,1为正常,允许小数,1.0-2.0</td> 
  </tr> 
  <tr> 
   <td>currentPosition</td> 
   <td>　</td> 
   <td>控件设置:当前位置（-1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1或大于等于0）</td> 
  </tr> 
  <tr> 
   <td>currentMarker</td> 
   <td>　</td> 
   <td>控件设置:当前标记</td> 
  </tr> 
  <tr> 
   <td>defaultFrame</td> 
   <td>　</td> 
   <td>显示默认框架</td> 
  </tr> 
  <tr> 
   <td>invokeURLs</td> 
   <td>　</td> 
   <td>脚本命令设置:是否调用URL</td> 
  </tr> 
  <tr> 
   <td>baseURL</td> 
   <td>　</td> 
   <td>脚本命令设置:被调用的URL</td> 
  </tr> 
  <tr> 
   <td><strong>stretchToFit</strong></td> 
   <td>0</td> 
   <td>是否按比例伸展 ，0不伸缩，-1伸展</td> 
  </tr> 
  <tr> 
   <td><strong>volume</strong></td> 
   <td>　</td> 
   <td>默认声音大小0%-100%,50则为50%</td> 
  </tr> 
  <tr> 
   <td><strong>mute</strong></td> 
   <td>　</td> 
   <td>是否静音</td> 
  </tr> 
  <tr> 
   <td><strong>uiMode</strong></td> 
   <td>Full</td> 
   <td>播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示</td> 
  </tr> 
  <tr> 
   <td><strong>windowlessVideo</strong></td> 
   <td>0</td> 
   <td>如果是0可以允许全屏,否则只能在窗口中查看 ；0窗口显示，-1非窗口显示</td> 
  </tr> 
  <tr> 
   <td><strong>fullScreen</strong></td> 
   <td>0</td> 
   <td>开始播放是否自动全屏 -1 自动全屏，0 不自动全屏</td> 
  </tr> 
  <tr> 
   <td>enableErrorDialogs</td> 
   <td>　</td> 
   <td>是否启用错误提示报告</td> 
  </tr> 
  <tr> 
   <td>SAMIStyle</td> 
   <td>　</td> 
   <td>SAMI样式</td> 
  </tr> 
  <tr> 
   <td>SAMILang</td> 
   <td>　</td> 
   <td>SAMI语言</td> 
  </tr> 
  <tr> 
   <td>SAMIFilename</td> 
   <td>　</td> 
   <td>字幕ID</td> 
  </tr> 
 </tbody> 
</table>

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

转载于:https://www.cnblogs.com/qingsong/p/5114212.html

[admin10000.com]: http://www.admin10000.com/