網頁上如何實現播放mp3或flash等播放器

這篇文章主要為大家展示了“網頁上如何實現播放mp3或flash等播放器”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“網頁上如何實現播放mp3或flash等播放器”這篇文章吧。

代碼如下:

<object id="player1" type="application/x-oleobject" height="360" width="300" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1"> <!--是否自動播放-->
<param NAME="url" value="D:\FireAlarm.mp3"> <!--播放的文件地址-->
<param NAME="PlayCount" VALUE="1">
</object>
<img src="1.jpg" onclick="player1.controls.play();" alt="播放" >
<img src="1.jpg" onclick="player1.controls.pause();" alt="暫停" >
<img src="1.jpg" onclick="player1.controls.Stop();" alt="停止" >
<img src="1.jpg" onclick="javascript:if(player1.playState==3)wmp.fullScreen=true;" alt="全屏"
>
<img src="1.jpg" onclick="player1.settings.mute = !player1.settings.mute;" alt="靜音"
>

media player控制
對應控件

代碼如下:

<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"
player.URL = url; 設置文件來源
player.controls.play(); 播放
player.controls.stop(); 停止
player.controls.pause(); 暫停
player.controls.currentPosition 返回播放文件的當前時間位置（以秒為單位）
player.controls.currentPositionString 時間格式的字符串 "0:32"
player.currentMedia.duration 返回播放文件的總長度（以秒為單位）
player.currentMedia.durationString 時間格式的字符串 "4:34"
player.settings.volume 音量 （0-100）
player.settings.balance 聲道，通過它應該可以進行立體聲、左聲道、右聲道的控制。但對應的取值尚不清楚。
player.settings.mute = s 靜音（s取值為true和false）
player.closedCaption.CaptioningID 網頁中出現字幕的容器的ID
player.closedCaption.SAMIFileName 字幕文件地址
player.playState 返回播放器狀態（ 3：正在播放，2：暫停1：已停止）
player.fullscreen=1 全屏播放（全屏后按ESC返回）

======================================================
REAL PLAYER控制
對應控件

代碼如下:

<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
player.DoPlay() 播放
player.DoPause() 暫停
player.DoStop() 停止
player.GetLength() 返回播放文件的總長度（以毫秒為單位）
player.GetPosition() 返回播放文件的當前時間位置（以毫秒為單位）
player.GetPlayState() 返回播放器狀態（0:停止,1:連接,2:緩沖,3:播放,4:暫停,5:尋找）
player.SetPosition(n) 時間位置跳到n的地方（n取值以毫秒為單位）
player.SetVolume(n) 設置音量（n取值為0到100）
player.SetMute(s) 靜音（s取值為true和false）
player.SetFullScreen() 全屏（全屏后按ESC返回）
player.setSource() 設置文件來源

附二：
param name標簽 部分（播放器代碼）

代碼如下:

<param name="playcount" value="1"><!--控制重復次數: “x”為幾重復播放幾次; x=0，無限循環。-->
<param name="autostart" value="0"><!--控制播放方式: x=1，打開網頁自動播放; x=0，按播放鍵播放。-->
<param name="clicktoplay" value="1"><!--控制播放開關: x=1，可鼠標點擊控制播放或暫停狀態; x=0，禁用此功能。-->
<param name="displaysize" value="0"><!--控制播放畫面: x=0，原始大小; x=1，一半大小; x=2，2倍大小。-->
<param name="enablefullscreen controls" value="1"><!--控制切換全屏: x=1，允許切換為全屏; x=0，禁用此功能。-->
<param name="showaudio controls" value="1"><!--控制音量: x=1，允許調節音量; x=0，禁止音量調節。-->
<param name="enablecontext menu" value="1"><!--控制快捷菜單: x=1，允許使用右鍵菜單; x=0，禁用右鍵菜單。-->
<param name="showdisplay" value="1"><!--控制版權信息: x=1，顯示電影及作者信息;x=0，不顯示相關信息-->
<param NAME="AutoStart" VALUE="-1"><!--是否自動播放-->
<param NAME="Balance" VALUE="0"><!--調整左右聲道平衡,同上面舊播放器代碼-->
<param name="enabled" value="-1"><!--播放器是否可人為控制-->
<param NAME="EnableContextMenu" VALUE="-1"><!--是否啟用上下文菜單-->
<param NAME="url" VALUE="http://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="SAMIFilename" value><!--字幕ID-->

插入rm格式視頻：

代碼如下:

<object id="player" name="player" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="339" height="227">
<param name="_ExtentX" value="9869">
<param name="_ExtentY" value="7726">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="http://entdown.163.com/ent/garbage/mv/1028/xuemv.rm">
<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">
</object>

1.avi格式

代碼如下:

<object classid=CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95
codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab
#Version=5,1,52,701 height=180 id=NSPlay type=application/x-oleobject width=240
VIEWASTEXT standby="加載 Microsoft Windows Media Player 組件&hellip;">
<param name="FileName" value="">
<param name="AutoStart" value="true">
<param name="AutoRewind" value="-1">
<param name="AnimationAtStart" value="false">
<param name="ShowControls" value="false">
<param name="ClickToPlay" value="false">
<param name="EnableContextMenu" value="true">
<param name="EnablePositionControls" value="false">
<param name="Balance" value="0">
<param name="ShowStatusBar" value="false">
<param name="AutoSize" value="0">
<embed type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"
filename src
enablecontextmenu="false"
clicktoplay="false"
enablepositioncontrols="false"
showcontrols="0" showstatusbar="1"
showdisplay="0" width="240" height="180">
</embed>
</object>

或者

代碼如下:

<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:///D|/work/vod/Mbar.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1"
playcount="0" moviewindowheight="240" moviewindowwidth="320"
filename="file:///D|/work/vod/Mbar.avi" src="Mbar.avi">
</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="http://www.cnblogs.com/../mpeg/halali.mpg" 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="real.smi"
type="audio/x-pn-realaudio-plugin" console="Console1" controls="ImageWindow"
height="180" width="240" ></OBJECT>

5.wmv格式

代碼如下:

<object id="NSPlay" width=200 height=180
classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab
#Version=6,4,5,715"
standby="Loading Microsoft Windows Media Player components&hellip;"
type="application/x-oleobject" align="right" hspace="5">
<!- ASX File Name ->
<param name="AutoRewind" value=1>
<param name="FileName" value="xxxxxx.wmv">
<!- Display Controls ->
<param name="ShowControls" value="1">
<!- Display Position Controls ->這個參數是用來決定是否顯示播放進度條的控制的
<param name="ShowPositionControls" value="0">
<!- Display Audio Controls ->這個參數是用來定義是否顯示音量控制按鈕的
<param name="ShowAudioControls" value="1">
<!- Display Tracker Controls ->這個參數是用來定義是否可以控制聲道的
<param name="ShowTracker" value="0">
<!- Show Display ->
<param name="ShowDisplay" value="0">
<!- Display Status Bar ->這個參數是用來定義是否顯示播放狀態欄的
<param name="ShowStatusBar" value="0">
<!- Diplay Go To Bar ->
<param name="ShowGotoBar" value="0">
<!- Display Controls ->這個參數是用來定義是否顯示控制面板的
<param name="ShowCaptioning" value="0">
<!- Player Autostart ->這個參數是用來定義是否自動播放的
<param name="AutoStart" value=1>
<!- Animation at Start ->
<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">
<!- Transparent at Start ->這個參數是用來定義視頻文件的透明度的
<param name="TransparentAtStart" value="0">
<!- Do not allow a change in display size ->
<param name="AllowChangeDisplaySize" value="0">
<!- Do not allow scanning ->這個參數是用來定義是否允許拖動進度條
<param name="AllowScan" value="0">
<!- Do not show contect menu on right mouse click ->這個參數是用來定義是否允許在視頻播放區域點右鍵
<param name="EnableContextMenu" value="0">
<!- Do not allow playback toggling on mouse click ->
<param name="ClickToPlay value="0">
</object>

以上是“網頁上如何實現播放mp3或flash等播放器”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！