电竞比分网-中国电竞赛事及体育赛事平台

分享

如何用代碼加背景音樂

 昵稱Ft0PO 2011-10-03
在HTML中,最常用的插入背景音樂有兩種方法:一種是貼子里不顯示播放器代碼,另一種是顯示播放代碼。

一、隱藏播放器代碼:

隱藏播放器的格式:

<embed src="音樂地址.mp3" autostart="true" width="true" height="true" loop="true" hidden="true"></embed> 

  

也可用下面這組代碼:

<embed src="音樂地址.mp3" autostart="true" loop="true" hidden="true"></embed>

二、顯示播放器代碼格式:

<EMBED src="背景音樂網(wǎng)址" width=450 height=45 loop="true" autostart="true"></embed>

顯示效果:


在這里我講一下各種參數(shù)代表的意思:

src:在此代碼后面插入多媒體文件的網(wǎng)址,如:音樂、視頻、flash動畫等。

autostart:設(shè)定音樂是否自動播放的選項

此選項下有兩個值"true"(是)和"false"(否),

如果自動播放選 autostart="true",手動播放選 autostart="false"

width和height:設(shè)定播放器面板大小的,hidden="true"時將無效。

貼音樂這兩個參數(shù),我一般都設(shè)置為350×45;如果是視頻文件而且分辨率不高的話,可以不設(shè),用視頻文件的原始尺寸來顯示;如果是flash動畫,最好還是給它設(shè)個合適的大小,以免過小。

loop:是控制音樂是否循環(huán)播放選項

默認值是"false"即只播放一次,不循環(huán)再放; “=true” 或 “=-1”就是不斷循環(huán)播放。

三、改變播放器顏色的方法:

  在顯示播放器時,我們可以改變播放器代碼中〔 風格=濾鏡的選項 style="FILTER: xray()" 〕只要改變一下濾鏡的參數(shù),播放器就不是單一的白色了,可以變成你喜歡的其它金屬色,這里我教大家四種播放器的改變方法:

1、金屬黑色帶緩沖速度顯示的播放器代碼:

<EMBED style="FILTER: xray()" src=音樂地址.mp3 width=400 height=45type=audio/mpeg ShowStatusBar="1" volume="0" autostart="false" loop="-1">

顯示效果:


2、金屬黑色播放器代碼:

<EMBED src=音樂地址.mp3 style="FILTER: xray()" width=400 height=45type=audio/x-pn-realaudio-plugin controls="ControlPanel" loop="true" autostart="false" volume="100" Initfn="load-types" mime-types="mime.types">

顯示效果:


3、銀色播放器代碼:

<EMBED style="FILTER: gray()" src=音樂地址.mp3 width=400 height=45volume="0" autostart="false" loop="-1">

顯示效果:


4、金色播放器代碼:

<EMBED style="FILTER: Invert()" src=音樂地址.mp3 width=400 height=45 volume="0" autostart="false" loop="-1">

顯示效果:


 如果大家做貼使用時,可以改為自動,即把 autostart="false" 改為 autostart="true"

 

三、裝飾性播放器:

  在播放器的制做中,我們還可以加上背景圖案等來進行修飾,方法如下:



1、加花紋背景的播放器,代碼如下:

<table align="center" cellspacing="0" cellpadding="0" background="此處加圖片地址" border=0><tr><td style="filter:Alpha(Opacity=25,Style=0"><EMBED SRC="音樂地址.mp3" height=45></EMBED></td></tr></table>



  因為這類裝飾性的播放器代碼被網(wǎng)易系統(tǒng)過濾掉,所以在博客里不顯,我就不加顯示效果了(主要是加了也是白加)。

  但大家可以學會后可以在論壇和有些不過濾代碼的博客網(wǎng)站里使用。







========================================================================================

  現(xiàn)在把我常用的播放器代碼也教給大家,先看效果:





Thinking Of You

下載  





代碼如下:



<div align="center"><table border="0" width="250" cellspacing="0" cellpadding="0" height="37"><tr><td>

<FIELDSET style="border:10px ridge #2a2512; padding:2px; WIDTH: 250px; height:38px"><LEGEND align="left"><FONT style="FONT-SIZE: 9pt" color=#2a2512>Thinking Of You </FONT></LEGEND>

<TABLE borderColor=#2a2512 height=30 cellSpacing=0 cellPadding=0 width="70%" bgColor=#2a2512 border=3><TBODY><TR><TD align="center">

<P align=center><EMBED style="FILTER: GRAY()" src=音樂地址.mp3 width=200 height=30 type=audio/mpeg volume="0" autostart="-1" loop="-1" ></P></TD>

<TD align="center"><A href="音樂地址.mp3" target=_blank><FONT style="COLOR: #ffffff; BACKGROUND-COLOR: #2a2512">下載 </FONT></A></TD></TR></TBODY></TABLE></FIELDSET></td></tr></table></div>



這個播放器與上面播放器的不同之處:

1、多加了一個透明表格(即不顯示邊框的隱藏表格),以用來設(shè)置播放器的位置,

代碼如下:

<div align="center"><table border="0" width="250" cellspacing="0" cellpadding="0" height="37"><tr><td>



2、加了一個分組框,以用來加上音樂標題,代碼如下:

<FIELDSET style="border:10px ridge #2a2512; padding:2px; WIDTH: 250px; height:38px"><LEGEND align="left"><FONT style="FONT-SIZE: 9pt" color=#2a2512>Thinking Of You </FONT></LEGEND>

注意一點,這里的<LEGEND align="left">表示文字在分組框的左側(cè),你可以根據(jù)自己的喜歡,改為居中"center"或居右"right"。



3、加了一個有背景色的單元表格,把播放器放在里面,代碼下:

<TABLE borderColor=#2a2512 height=30 cellSpacing=0 cellPadding=0 width="70%" bgColor=#2a2512 border=3>

<TBODY><TR><TD align="center">

borderColor=#2a2512 這里是背景色的設(shè)置,只要改變下顏色代碼就可以改變背景色。



4、加了下載超鏈接,代碼如下:

<A href="此處加音樂地址" target=_blank><FONT style="COLOR: #ffffff; BACKGROUND-COLOR: #2a2512">下載 </FONT></A>

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多