動畫加連續音樂播放器模板之一

本文內容已被 [ fpxjz ] 在 2011-04-16 11:37:52 編輯過。如有問題,請報告版主或論壇管理刪除.

如果寫html(或者xml)的軟件(dreamwaver)可以直接在裏麵做帖,但圖片和音樂要先傳到網上(圖我用tinypic,音樂可傳到文學城),也可以直接用網上的圖和音樂,但要小心很多他人的圖和音樂的鏈接在文學城不工作,或者點擊過一定數量後不工作。

如果不會寫,最好的辦法是搬用他人的帖。在view裏,點source code,或新版視窗,在page點右鍵,然後點view source。對於中文網頁,直接找到標題或你感興趣的地方,開始copy。這期間要多練習,才能保證找全了,但有一點,html code講究對應,所以開始如果是table, 結尾一定會有/table,一定記得都給帶進去。

找到code,加新帖時,要點html源代碼鍵,然後paste,就可以了,如果直接paste,就會像我下麵那樣,隻是一段code。

下麵是我昨天情歌帖用的code,基本上都是抄來的,隻換了圖片和最後一個xml file,那裏是我自己歌曲的鏈接。中間幾個swf文件是那些飄飄東西,大家可以到唯美壇,在其左邊有很多很多flash file。最後幾段(包括一個swf和兩個xml文件是打造連續播放器用的,我跟帖裏會轉段快遞ID寫的介紹,像我上麵所說,我隻改變了最後一個文件,把歌曲先一個個上傳到城裏,在把地址放到文件裏,你可以用notepad來改這個文件,然後存成xml,再把此文件上傳到文學城,然後把地址改到下麵的文件中。另外我把播放器高度改到250,就可以顯示出所有歌名

------

<table border="0" cellspacing="0" cellpadding="0" width="800"><tbody><tr><td><center><br /><table style="BORDER-BOTTOM: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-RIGHT: white 1px solid" border="0" cellspacing="0" cellpadding="0" width="800" background="http://i55.tinypic.com/301ko3m.jpg" height="500"><tbody><tr><td><!-- WIDTH: 800px; HEIGHT: 500px; 是根據你圖片的尺寸設的 --><div style="Z-INDEX: 1; POSITION: relative; WIDTH: 800px; HEIGHT: 500px; TOP: 0px; LEFT: 0px"><div style="POSITION: absolute; TOP: 20px; LEFT: 10px"><embed height="500" type="application/x-shockwave-flash" width="800" src="http://www.tqqa.com/ToumingFlash/tqqa(55).swf" wmode="transparent" quality="high" /></embed /></div><div style="POSITION: absolute; TOP: 10px; LEFT: 8px"><embed height="300" type="application/x-shockwave-flash" width="800" src="http://www.tqqa.com/ToumingFlash/tqqa(25).swf" wmode="transparent" quality="high" /></embed /></div><div style="POSITION: absolute; TOP: 250px; LEFT: 0px; 500px: "><embed height="350" type="application/x-shockwave-flash" width="800" src="http://space.wenxuecity.com/media/1234727622.swf" wmode="transparent" quality="high" /></embed /></div><div style="POSITION: absolute; TOP: 480px; RIGHT: 50px"><h3 align="right"><font color="#ffff00">photo by fpxjz</font></h3></div><div style="POSITION: absolute; TOP: 250px; LEFT: 50px"><embed height="250" name="mp3player" type="application/x-shockwave-flash" width="250" src="http://space.wenxuecity.com/media/1239833716.swf" flashvars="&config=http://space.wenxuecity.com/media/1241061159.xml&file=http://space.wenxuecity.com/media/1302899127.xml" menu="false" quality="high" wmode="transparent" border="0" luginspage="http://www.macromedia.com/go/getflashplayer" /></embed /></div></div></td></tr></tbody></table></center></td></tr></tbody></table

   ------

有關最近連播製作的大體步驟

來源: cat01

基本code

*embed height="265" name="mp3player" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="450" ="javascript:if(this.width>450) this.width=450" src="http://space.wenxuecity.com/media/播放器.swf" border="0" wmode="transparent" flashvars="&config=http://space.wenxuecity.com/media/設置.xml&file=http://space.wenxuecity.com/media/鏈接.xml" quality="high" menu="false" /*

使用時將*換成< >即可,大家可以自己定義長度和高度。

三種顏色表明了三個部分/步驟

下麵分別說明

1.http://space.wenxuecity.com/media/播放器.swf部分

我將班長的播放器偷來(要改名為盜蹠貓了),上傳。

各位也可以將以下的播放器連接

http://space.wenxuecity.com/media/1239833716.swf

用下載軟件整個兒下載,然後上傳,供自己使用。

2.http://space.wenxuecity.com/media/設置.xml部分

請參考以下模式

http://space.wenxuecity.com/media/1239833730.xml

可以將這裏麵的所有東西copy,paste在notepad裏,(如段落前有"-"號,請刪去) 再選擇自己喜歡的顏色的code,另存為設置.xml,上傳。

3.http://space.wenxuecity.com/media/鏈接.xml部分

請參考以下模式

http://space.wenxuecity.com/media/1239922838.xml

可以將這裏麵的所有東西copy,paste在notepad裏,(如段落前有"-"號,請刪去) 再更換和添加自己喜歡的歌曲的鏈接(mp3格式),另存為鏈接.xml,上傳。

http://bbs.wenxuecity.com/music/469428.html

所有跟帖: 

列出歌名版 -fpxjz- 給 fpxjz 發送悄悄話 fpxjz 的博客首頁 (1859 bytes) () 04/16/2011 postreply 11:39:56

謝謝 -品儂- 給 品儂 發送悄悄話 (198 bytes) () 04/16/2011 postreply 13:56:24

不謝,做好了,送給茶MM,我們大家跟著聽 -fpxjz- 給 fpxjz 發送悄悄話 fpxjz 的博客首頁 (0 bytes) () 04/16/2011 postreply 17:40:51

謝謝芳芳!關於透明播放器,我得去練習,請問你都是在哪裏下載歌曲的? -把酒話桑麻- 給 把酒話桑麻 發送悄悄話 把酒話桑麻 的博客首頁 (0 bytes) () 04/16/2011 postreply 15:04:43

大部分是搜狗音樂 -fpxjz- 給 fpxjz 發送悄悄話 fpxjz 的博客首頁 (67 bytes) () 04/16/2011 postreply 17:37:32

請您先登陸,再發跟帖!