程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> (jsp/html)網頁上嵌入播放器(常用播放器代碼整理)

(jsp/html)網頁上嵌入播放器(常用播放器代碼整理)

編輯:關於JSP
這個其實很簡單,只要在HTML上添加以上代碼就OK了,前提是你的電腦上已經安裝了播放器,如RealPlay。
復制代碼 代碼如下:
<embed src="C:/mp3/10.19/畫心.mp3" width="480" height="100"02. loop="false" autostart="false">
</embed>

還有更多的的播放器和設置可供選擇:
頁面插入REAL播放器代碼:
復制代碼 代碼如下:
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=60 id=video1 style=LEFT:0px;TOP:0px width=209>
<param name=_ExtentX value=5530>
<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=RM.RAM.RA等音樂文件絕對地址>
<param name=CONTROLS value=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>

頁面插入Media Player播放器代碼:
復制代碼 代碼如下:
<OBJECT id=mPlayer1 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6 width=220 height=64 type='application/x-oleobject"'>
<PARAM NAME="URL" VALUE="WMA音樂文件絕對地址">
<PARAM NAME="rate" VALUE="1">
<PARAM NAME="balance" VALUE="0">
<PARAM NAME="currentPosition" VALUE="0">
<PARAM NAME="defaultFrame" VALUE="">
<PARAM NAME="playCount" VALUE="100">
<PARAM NAME="autoStart" VALUE="-1">
<PARAM NAME="currentMarker" VALUE="0">
<PARAM NAME="invokeURLs" VALUE="-1">
<PARAM NAME="baseURL" VALUE="">
<PARAM NAME="volume" VALUE="100">
<PARAM NAME="mute" VALUE="0">
<PARAM NAME="uiMode" VALUE="full">
<PARAM NAME="stretchToFit" VALUE="0">
<PARAM NAME="windowlessVideo" VALUE="0">
<PARAM NAME="enabled" VALUE="-1">
<PARAM NAME="enableContextMenu" VALUE="0">
<PARAM NAME="fullScreen" VALUE="0">
<PARAM NAME="SAMIStyle" VALUE="">
<PARAM NAME="SAMILang" VALUE="">
<PARAM NAME="SAMIFilename" VALUE="">
<PARAM NAME="captioningID" VALUE="">
</OBJECT>

頁面插入Media Player(視頻)播放器代碼:
復制代碼 代碼如下:
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" height=260 width=320>
<param name="Filename" value="MTV視頻文件絕對地址">
<param name="PlayCount" value="0">
<param name="AutoStart" value="1">
<param name="ClickToPlay" value="1">
<param name="EnableFullScreen Controls" value="1">
<param name="ShowAudio Controls" value="1">
<param name="EnableContext Menu" value="1">
<param name="ShowDisplay" value="0">
</object>


BLOG中插入音樂播放器

進入控制面板,點擊“首頁內容維護”,在“自定義空白面板”中,新增一個空白面板,
勾選“源代碼”後,粘貼以下代碼:
復制代碼 代碼如下:
<embed src=http://163.20.114.1/~t120/bug.mp3 width=200 height=45 type=audio/mpeg
loop="false" autostart="false">

或者用這個代碼:
復制代碼 代碼如下:
<object id=nstv classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' width=180 height=170 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
<param name='URL' value='http://bbs.hndt.com/UploadFile/2005-6/和父親跳舞.wma___200561817222223885.wma'>
<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>

上面這個長,但比較實用,能自動調網上的插件,幾乎的音樂視頻都播

注意:http://後面的是歌曲的URL地址.在這我隨便寫的,你可以換成你喜歡的音樂,
但必須是URL,就是搜索音樂後點右鍵看它的屬性.把屬性粘貼過來就ok了.
播放器寬度和高度width=200 height=50 你根據需要設置,寬度和高度設為0的話,
就成為了背景音樂,訪客就看不到播放器就不能隨意開啟和關閉它。
(設置完就會有播放器出現,你可以隨便改變自己喜歡的音樂.換鏈接地址就行)
loop="true"為連續循環播放,loop="false"為不循環播放.你自由控制.
autostart="true"為自動播放,autostart="false"為不自動播放.你自由控制.
loop="2",就是音樂循環播放2次。3,4,5---以次類推.
支持的音樂格式: wma mp3 rm ra ram asf mid.
做完保存後就點左邊的"定制我的首頁"----"添加模塊"---鉤選你剛才保存的空白面板---
確定,登陸看看,你就可以聽到音樂了.
試幾次就成了,習慣就簡單了.
對了,歌曲的URL地址與width=200 height=50 之間要留有一空格距離,否則歌曲將無法播放.

如何貼rm,ra,ram類型的音樂,代碼如下:
復制代碼 代碼如下:
<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="http://guest.anyp.cn/uploads/01.rm";>

如何貼midi,asf,wma,asx類型的音樂,代碼如下:
復制代碼 代碼如下:
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="http://guest.anyp.cn/uploads/01.mid";>

只需要把整段代碼copy復制到文章中(編輯文章的時請先點擊HTML代碼模式再粘貼代碼,否則這段代碼會以文本形式顯示出來,不能被執行),用你喜歡及可用的音樂文件的URL(網址)代替上面白色顯示的音樂地址代碼就可以了。

造成音樂不能成功播放的大多數原因:
A:音樂文件錯誤,有可能這個文件本身就不是音樂的文件,只是一個普通的HTML頁面。
B:音樂文件地址錯誤,這個音樂文件根本不存在。
C:沒有安裝相關的播放軟件。

測試的辦法:請把音樂文件地址在IE欄輸入,如果提示你保存,保存的文件類型是rm、ram、midi等的文件即是音樂文件。如果打開這個文件是自動播放音樂或顯示其他內容的,則不是。

添加帶音樂的flash,然後在彈出窗口輸入你的FLASH地址,注意後戳名為:http://xxxxx.xxxx.swf,大小可以調整為,1*1,這樣可以在不顯示FALSH的情況下播放音樂,但是記住要為自動播放的,不要找那種需要按開始的FLASH

加入一段在線音樂播放代碼,推薦使用:<IFRAME marginHeight=0 src="http://www.yqchina.com/play.htm"; frameBorder=0 noResize width=540 scrolling=no height=25> 將此代碼放入網站合適地方,將24小時不間斷放歌,次代碼由清風網絡電台提供

以下是簡單的代碼:首先打開我的文章,進入編輯狀態,選擇HTML格式然後就可以輸入了,下面我們來看代碼,首先來看第一種,比較簡單的:

<bgsound src=”url” loop=-1>

“url”依然是路徑名,loop表示循環數,-1表示始終循環

來看第二種:
<EMBED src="music.mid" autostart="bool" loop="n" width="m" height="k">
其中各個屬性的含義如下:

SRC:音樂文件路徑
(以下可選) AUTOSTART:音樂文件上傳完後自動播放,TRUE為播放,FALSE為否
LOOP:設置循環TRUE為自動循環,FALSE為不循環,數值為次數
WIDTH,HEIGHT為播放控制面板的寬和高,
其余的屬性有:
volume:取值范圍為"0-100",設置音量,默認為系統本身的音量
starttime:"分:秒",設置歌曲開始播放的時間,如,starttime="00:10",從第10秒開始播放
endtime: "分:秒",設置歌曲結束播放的時間
controls :控制面板的外觀controls="console/smallconsole/playbutton/ pausebutton/stopbutton/volumelever"

·console 正常大小的面板
·smallconsole 較小的面板
·playbutton 顯示播放按鈕
·pausebutton 顯示暫停按鈕
·stopbutton 顯示停止按鈕
·volumelever 顯示音量調節按鈕
hidden: 為true時可以隱藏面板

背景音樂代碼精簡
1、<embed src="背景音樂網址" hidden="true" autostart="true" loop="true">

--------hidden="true"表示隱藏播放,即不顯示播放器的外觀,若要想顯示,把"true" 替換為"false"即可,這樣為默認是最小化播放,若還想具體顯示播放器的大小,另加上height="高度值" width="寬度值" 就可以了。

-------autostart="true"表示當前頁一載入則自動播放,若不希望播放改為autostart="false"
即可...

------ loop="true"表示無限次循環播放音樂直到當前頁關閉為止,不想循環播放替換為 loop="false"就OK了

2、<embed src="背景音樂網址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >

-----------loop="-1" 表示無限次循環播放,可設置播放次數,用具體數字代替即可,比如我希望它播放兩次,則loop="2"

---------controls="ControlPanel"這個控制選項可省略

--------width="0" height="0"表示隱藏播放,和前面的一樣。
若欲設置播放器的外觀,則替換為具體的數值就可以了,比如width="123" height="100"

--------------------------------------------------
其實要說最簡化的播放背景音樂的代碼,則下面的代碼是最簡單的了--->

<embed src="背景音樂網址" >
-----------------------------------------------------

另外:bgsound src="背景音樂路徑" loop="-1">

這個只支持IE浏覽器,而且是完全下載完後才開始播放,不像前面所說的格式那樣可以一邊緩沖一邊播放。這個一般用於mid音樂或較小的mp3,wav格式的音樂. 若是較大的文件還是用前面所說的格式吧~~
<bgsound src="背景音樂路徑" loop="-1">這個隨浏覽器的打開而播放,當最小化窗口時即停止播放,當最大化窗口時又開始播放。
而,<embed src="背景音樂網址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >常用於mid,,wav,mp3類型的音樂類型.

這個則不管是否最小化窗口都始終播放,直至關閉當前窗口為止~~

支持的音樂文件類型:只支持MP播放器所支持的音樂格式,比如mp3,asf,wma,asx等等.
不支持rm,ram....

視頻文件的插入方法也和上面所說的一樣,設置好合適的

音樂代碼解釋
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="http://guest.anyp.cn/uploads/01.mid">
解釋一下:

AUTOSTART="TRUE / FALSE"
是否要在音樂檔傳完之後,就自動播放音樂。 TRUE 是要 
FALSE 是不要,內定值是不要。

LOOP="TRUE / FALSE / 整數"
設定是否要自動反覆播放,LOOP=2 表示重復兩次,若要無限次重復可用 LOOP="TRUE" 

WIDTH 和 HIGH="整數"
設定控制面版的寬度和高度 

CONTROLS="CONSOLE / SMALLCONSOLE /
PLAYBUTTON / PAUSEBUTTON / STOPBUTTON /
VOLUMELEVER"
設定控制面板的樣子,預設值是 CONSOLE 

   CONSOLE 一般正常的面板
   SMALLCONSOLE 較小的面板
   PLAYBUTTON 只顯示播放按鈕
   PAUSEBUTTON 只顯示暫停按鈕
   STOPBUTTON 只顯示停止按鈕
   VOLUMELEVER 只顯示音量調整鈕

◆◆◆◆◆MTV代碼
<embed id="MediaPlayer963" src="MTV的地址" width="305" height="250"
type="video/x-msvideo" autostart="true" loop="false" align="left">

◆◆◆◆◆不用播放器也能無限放歌曲代碼
<iframe name="I1" src="http://biz.cnhoo.com/wz/test/Edikongjian_yinyue.htm"
width="1" height="1">

◆◆◆◆◆背景音樂代碼(寫在日記標題裡)
顯示播放器代碼:
<embed src=http://你的音樂地址>
不顯示播放器代碼:
(由於日記標題有字數限制,所以請大家選擇較短的音樂地址,否則背景音樂將失效)
<embed src=http://你的音樂地址 width="0" height="0" loop="999">
代碼中的音樂地址就是網上以.mp3/.midi/.wma/.wmv結尾的網址

◆◆◆◆◆視頻MTV代碼(寫在日記內容裡)
<embed src= http://你的視頻文件地址 type=audio/x-pn-realaudio-plugin
console=clip1 controls=ImageWindow height=124 width=180 autostart=true
loop=true>
代碼中的視頻文件地址就是網上以.rm結尾的網址。播放器的大小可以自己調整代碼中
的數值,只需改height =“高度”,width =“寬度”

◆◆◆◆◆電台代碼(寫在日記內容裡)
<embed src= http://你的電台地址 type=audio/x-pn-realaudio-plugin
console=clip1 controls=ImageWindow height=124 width=180 autostart=true
loop=true>
代碼中的電台地址就是網上以.asp結尾的網址

◆◆◆◆◆音樂播放代碼
<iframe src=音樂地址 frameborder=0 width=100% height=34>

◆◆◆◆◆全能播放器代碼
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div
style=/'position:absolute;top:0;left:0;/'><iFRAME name=I1
src=/'http://tf1000.go2.icpcn.com/mp3/top.htm/' frameBorder=/'0/'
width=/'975/' scrolling=/'no/' height=/'21/'></div>';">

◆◆◆◆◆一款很酷的嵌入式播放器代碼
<img src="javascript :Mlogo.&#105;nnerHTML+='<div id=MVPlayer
style=position:absolute;top:0;left:0;width:925;height:655;></div>';MVPlayer
&#105;nnerHTML='<&#105;frame
src=http://wonzone.go2.icpcn.com/qzone/mvp/mvp.htm?
mvx=700&mvy=445&mvw=225&mvh=180&mvlst=http://wonzone.go2.icpcn.com/qzon
e/test.js&ctrlp=true&lstmd=1&dd8h=445&ctrlpx=49&ctrlpy=625&rndp=true
allowTransparency=true width=925 height=655 marginwidth=0 marginheight=0
hspace=0 vspace=0 frameborder=0 scrolling=no name=MVP></&#105;frame>'"
style=display:none>
用記事本把代碼中的&全部替換成半角&,否則無效.

◆◆◆◆◆音樂播放器代碼(支持多種格式)
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div
style=/'position:absolute;top:0;left:0;/'><iFRAME name=I1
src="//'http://tf1000.go2.icpcn.com/mp3/top.htm"/' frameBorder=/'0/'
width=/'975/' scrolling=/'no/' height=/'21/'></div>';">
全能播放器:支持rm、mp3、wma、wmv、wav、midi、asf、mpeg、mpg、avi等格式

◆◆◆◆◆5種超酷MP3播放器隨意放代碼
<content><img
src="javascript:document.getElementById('Mlogo').innerHTML+='<div
style=/'position:absolute;top:0;left:0;/'><iFRAME name=I1
src=/'http://218.80.220.26/QQZONE/25514291/files/music/music5.htm /'
frameBorder=/'0/' width=/'930/' scrolling=/'no/'
height=/'33/'></div>';"></content>
top:0;left:0 表示距離上面和左邊的距離,可以修改

◆◆◆◆◆家庭影院代碼
<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH:
634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90"
resiziable="true">
<img oncontextmenu="return false" title="" height="529"
src="http://photoimg24.qq.com/cgi-bin/load_pic?
verify=qi4PbOWvS%2FBcyd7oL7ik%2Fg%3D%3D" width="707" align="middle"
border="0"></div>
<div id="layer23" style="left: 229px; overflow: hidden; width: 262px;
position: absolute; top: 128px; height: 210px; zindex: 200; padding: 0px"
resiziable="true">
<embed id="MediaPlayer963" src="你的視頻地址" width="303" height="300"
type="video/x-msvideo" autostart="true" loop="false" align="left"></div>

◆◆◆◆◆頂部MTV代碼
<img src="javascript:var
s=document.createElement('script');s.src='http://wonzone.go2.icpcn.com/qzon
e/public/mtv_top.js';document.body.appendChild(s);"
style=display:none></img>

◆◆◆◆◆一款超酷FLASH滾動播放器代碼(本人推薦使用)
<EMBED src=http://www.zhuiluren.com/MusicBYSEA.swf width=460 height=650
type=application/x-shockwave-flash><DIV></DIV>

◆◆◆◆◆插入視頻代碼(代碼生成器生成的)
..只播放一遍需要手動打開的視頻播放代碼
</textarea><embed src=視頻地址 type=audio/x-pn-realaudio-plugin
console=clip1 controls=ImageWindow height=420 width=640 autostart=False
loop=False>
..循環播放的視頻播放代碼
</textarea><embed src=視頻地址 type=audio/x-pn-realaudio-plugin
console=clip1 controls=ImageWindow height=420 width=640 autostart=False
loop=True>
..自動播放的視頻播放代碼
</textarea><embed src=視頻地址 type=audio/x-pn-realaudio-plugin
console=clip1 controls=ImageWindow height=420 width=640 autostart=False
loop=False>
..自動播放+循環播放代碼
</textarea><embed src=視頻地址 type=audio/x-pn-realaudio-plugin
console=clip1 controls=ImageWindow height=420 width=640 autostart=True
loop=True>

◆◆◆◆◆插入音樂代碼(代碼生成器生成的)
..只播放一遍需要手動打開的音樂播放代碼
</textarea><embed src=音樂地址 width=2 height=2 autostart=False loop=False>
..循環播放的音樂播放代碼
</textarea><embed src=音樂地址 width=2 height=2 autostart=True loop=False>
..循環播放+自動音樂播放代碼
</textarea><embed src=音樂地址 width=2 height=2 autostart=True loop=True>
..循環播放+自動音樂播放+隱藏播放器代碼
</textarea><embed src=音樂地址 width=0 height=0 autostart=True loop=True>
..自動音樂播放代碼
</textarea><embed src=音樂地址 width=2 height=2 autostart=False loop=True>
..隱藏播放器代碼
</textarea><embed src=音樂地址 width=0 height=0 autostart=False loop=False>
..循環播放+自動播放+播放器代碼
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div
style=/'position:absolute;top:;left:;/'><iFRAME name=I1 src=/'音樂地址
/' frameBorder=/'0/' width=/'/' scrolling=/'no/' height=/'/'></div>';">
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved