常见的网页播放器代码

于 2016-01-08 18:55:00 发布
阅读量163 收藏
点赞数
文章标签： 操作系统 java
原文链接：http://www.cnblogs.com/qingsong/p/5114212.html
版权

　我们在网页上看到的播放器无外乎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 等格式文件
 

<object  classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" type="application/x-oleobject" height="200" width="300"> 
<param name="filename" value="test.wmv" /> 
<param name="autostart" value="false" /> 
<param name="showstatusbar" value="true" /> 
<param name="showtracker" value="true" /> 
<param name="showcontrols" value="true" /> 
<embed filename="test.wmv" autostart="false"pluginspage="http://www.microsoft.com/windows/windowsmedia/" showcontrols="true"showstatusbar="true" showtracker="true" src="test.wmv" type="application/x-mplayer2"height="200" width="300"></embed> 
</object>

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 播放器的详细参数说明
Windows Media Player "clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"  参数说明
参数默认值说明AudioStreamtrue AutoSizetrue是否自动调整播放大小 AutoStarttrue是否自动播放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是否静音 PlayCount1重复播放次数,0为始终重复PreviewModefalse Rate1播放速率控制,1为正常,允许小数SAMILang SAMI语言SAMIStyle SAMI样式SAMIFileName 字幕IDSelectionStarttrue SelectionEndtrue SendOpenStateChangeEventstrue SendWarningEventstrue SendErrorEventstrue SendKeyboardEventsfalse SendMouseClickEventsfalse SendMouseMoveEventsfalse SendPlayStateChangeEventstrue ShowCaptioningfalse是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示 ShowControlstrue是否显示控制,比如播放,停止,暂停ShowAudioControlstrue是否显示音量控制ShowDisplayfalse显示节目信息,比如版权等ShowGotoBarfalse是否显示进度条ShowPositionControlstrue是否显示往前往后及列表,如果显示一般也都是灰色不可控制 ShowStatusBarfalse当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间 ShowTrackertrue是否显示当前播放跟踪条,即当前的播放进度条TransparantAtStartfalse VideoBorderWidthfalse显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小VideoBorderColorfalse显示黑色框的颜色, 为RGB值,比如ffff00为黄色VideoBorder3Dfalse  Volume-200音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640WindowlessVideofalse如果是0可以允许全屏,否则只能在窗口中查看

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

 

Real Player "clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" 参数说明
参数默认值说明
AutoStarttrue值为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元素指定名字。
imagestatustrue值为True或是False 。用来指定是否在图像窗口中显示状态信息。
loop 值为True或是False 。可以让你指定片断是否无限循环。
maintainaspecttrue值为True或是False。指定是否拉伸所有的片断来充满整个图像窗口
name 值为任何字符串。为标签中的RealPlayer元素指定名字(在标签中使用id)
nojava 值为True或是False。避免启动Java虚拟机
nolabels True或是False 。可以禁止显示标题或是版权信息(realplayer5.0以上时，它是垃圾...)
nologo True或是False。避免RealPlayer启动时在图像窗口中显示
numloop 指定文件片循环的次数，值为整数值。不需要参数loop
prefetchfalse值为True或是False。指定在播放前，RealPlayer是否可以获得流描述信息
region 值为任何字符串。同SMIL一起使用。允许你指定使用HTML代替SMIL
scriptcallbacks 值为用逗号分割的列表。用来指定浏览器的回调监控（好高级的东东！）
shuffle 值为True或是False 。同多文件片的ram文件或是SMIL文件一起使用。可以让RealPlayer随机播放列表中的文件
src　播放的文件地址
type　为嵌入插件指定MIME类型
width　指定RealPlayer元素的宽度。值为任何整数值

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

weixin_34357928
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网页播放器代码（javascript 播放器 控制）
04-27
javascript 播放器 控制 发表:不详 阅读: 37 次 关键字：不详 字体:[大 中 小] 详细参数可查询MSDN http://msdn.microsoft.com/library/default.asp?url=/library/en-us/wmplay/mmp_sdk/settingsobject.asp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <link href="style/style.css" rel="stylesheet" type="text/css"> <script language="JavaScript"> var state; //初始化 function playerinit() { player.url="mp3.m3u"; player.settings.autoStart = false ; } //播放 function play() { if (player.controls.isavailable('play')) { player.controls.play(); state=setInterval("updatetime()",1000); playerinfo.innerHTML = "播放"; } } //暂停 function pause() { if (player.controls.isavailable('pause')) { player.controls.pause(); clearInterval(state); playerinfo.innerHTML = "暂停"; } } //停止 function stop() { if (player.controls.isavailable('stop')) { player.controls.stop(); clearInterval(state); playerinfo.innerHTML = "停止"; } } //前首 function previous() { if (player.controls.isavailable( 'previous' )) { player.controls.previous(); playerinfo.innerHTML = "前一首"; } } //后首 function next() { if (player.controls.isavailable( 'next' )) { player.controls.next(); playerinfo.innerHTML = "下一首"; } } //？ function step() { if (player.controls.isavailable( 'step' )) player.controls.step( 1 ); } //音量- function voldown() { if ( player.settings.volume < 5 ) { player.settings.volume = 0; playerinfo.innerHTML = "0"; } else { player.settings.volume -= 5; playerinfo.innerHTML = player.settings.volume; } } //音量+ function volup() { if ( player.settings.volume > 95 ) { player.settings.volume = 100; playerinfo.innerHTML = "100"; } else { player.settings.volume += 5; playerinfo.innerHTML = player.settings.volume; } } //静音 function mute() { player.settings.mute = !player.settings.mute; } //声道 function balance() { switch (player.settings.balance) { case 0: player.settings.balance = 100; playerinfo.innerHTML = '左声道'; break; case 100: player.settings.balance = -100; playerinfo.innerHTML = '右声道'; break; case -100: player.settings.balance = 0; playerinfo.innerHTML = '全声道'; break; default : player.settings.balance = 0; playerinfo.innerHTML = '全声道'; break; } } //更新时间 function updatetime() { playerinfo.innerHTML = player.controls.currentPositionString + " | " + player.currentMedia.durationString; } </script> </head> <body onload="playerinit();"> <table width="300"> <tr> <td><object id="player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject" width="300" height="60"> <param name="autoStart" value="false"> <param name="balance" value="0"> <param name="currentPosition" value="0"> <param name="currentMarker" value="0"> <param name="enableContextMenu" value="true"> <param name="enableErrorDialogs" value="false"> <param name="enabled" value="true"> <param name="fullScreen" value="false"> <param name="invokeURLs" value="false"> <param name="mute" value="true"> <param name="playCount" value="1"> <param name="rate" value="1"> <param name="uiMode" value="none"> <param name="volume" value="100"> </object></td> </tr> <tr> <td><span id="playerinfo"></span></td> </tr> <tr> <td> <div align="center"> <input type="button" onmouseover=this.className="but12"; onmouseout=this.className="but11"; name="previous" title="上一首" onclick="previous();"> <input type="button" onmouseover=this.className="but22"; onmouseout=this.className="but21"; name="play" title="播放" onclick="play();"> <input type="button" onmouseover=this.className="but32"; onmouseout=this.className="but31"; name="pause" title="暂停" onclick="pause();"> <input type="button" onmouseover=this.className="but42"; onmouseout=this.className="but41"; name="stop" title="停止" onclick="stop();"> <input type="button" onmouseover=this.className="but52"; onmouseout=this.className="but51"; name="next" title="下一首" onclick="next();"> <input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="voldown" title="音量-" onclick="voldown();"> <input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="volup" title="音量+" onclick="volup();"> <input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="mute" title="静音" onclick="mute();"> <input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="balance" title="声道" onclick="balance();"> </div> </td> </tr> </table> <script language = "JavaScript" for = player event = playstatechange(newstate)> switch (newstate){ case 1: playerinfo.innerHTML = "停止"; break; case 2: playerinfo.innerHTML = "暂停"; break; case 3: playerinfo.innerHTML = "正在播放"; break; case 4: playerinfo.innerHTML = "4"; break; case 5: playerinfo.innerHTML = "5"; break; case 6: playerinfo.innerHTML = "正在缓冲..."; break; case 7: playerinfo.innerHTML = "7"; break; case 8: playerinfo.innerHTML = "8"; break; case 9: playerinfo.innerHTML = "正在连接..."; break; case 10: playerinfo.innerHTML = "准备就绪。欢迎光临<a href='http://mp3.asp2004.net'>http://mp3.asp2004.net</a>"; break; case 11: playerinfo.innerHTML = "11"; break; default: playerinfo.innerHTML = ""; } </script> </body> </html>
Flash xml网页播放器代码.rar
07-10
标题中的“Flash xml网页播放器代码.rar”表明这是一个关于使用Flash技术开发的，基于XML配置的网页音乐播放器的源代码包。Flash是一种广泛应用于创建交互式内容的技术，尤其是在过去的网页设计中，常用于实现动态...
网页内嵌播放器之完全代码
12-06 1428
1.avi格式代码片断如下：2.mpg格式代码片断如下：3.smi格式代码片断如下：4.rm格式代码片断如下：5.wmv格式代码片断如下：http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows
各种网页播放器代码大全
山里娃的专栏
09-28 926
rm文件在线播放 www.xiakedao.com/biyun/ren/a.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" controls="PlayButton"> autostart="false" 打开页面时处于候命状态，autostart="true" 打开页面时马上听声音 height=25 width=50
Windows Media Player和Real Player  设置参数
manok的专栏
08-05 690
转贴备用！ 网页播放器的参数含义 Windows Media Player 网页播放器 参数含义 (默认0为否，-1或1为是) &lt;object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225"&gt;   &lt;para...
网页播放器代码大全
汗水挥洒，脑力风暴
07-03 6129
网页播放器代码大全（提示：把以下相应的代码复制到记事本里，修改后再重新复制粘贴到网页里，这样可以防止出现乱码）1.avi格式 代码片断如下： 2.mpg格式 代码片断如下：
html5网页音乐播放器代码
06-01
HTML5网页音乐播放器是一种利用现代浏览器支持的HTML5技术实现的音频播放解决方案。相比于早期依赖Flash等插件的音频播放器，HTML5...通过学习这些知识点，开发者可以构建出功能强大且用户体验良好的网页音乐播放器。
各种格式的网页播放器代码
06-02
根据提供的信息，我们可以总结出关于不同格式的网页播放器代码的相关知识点。这主要包括了三种不同格式的播放器代码示例：.avi、.mpg 和 .smi 格式的视频播放器实现方式。 ### 1. AVI 格式播放器代码 AVI (Audio ...
网页播放器代码
07-24
网页播放器代码是实现网页上视频或音频流媒体播放的关键技术。它允许用户在浏览器环境中无需离开页面就能观看在线视频内容，提供了与传统桌面应用程序类似的交互体验。网页播放器不仅涉及HTML、CSS和JavaScript等...
网页形式MediaPlayer播放器代码下载
01-23
在这个下载中，我们关注的是一个特定的代码实现，标题提示这是一个可供下载的资源，可能包含了一套完整的网页MediaPlayer播放器的源代码。 MediaPlayer通常指的是微软的媒体播放组件，但在网页环境中，它可能指的是...
网页播放器代码全集
01-28
网页播放器代码全集<br>Real Player 网页播放器 参数含义 ......... <br><br>参数：autostart 属性：True或是False 作用：指定是否自动播放指定的源文件 ........ <br>
网页在线视频播放代码大全
10-26
本文介绍下，一些常用的网页在线视频播放代码，有需要的朋友可以参考下
HTML播放器源代码
05-27
HTML播放器源代码
7个Web前端极其精美的播放器组件源码（一）
08-05
7个Web前端极其精美的播放器组件源码（一）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值