- [98/11/04新版CSS]新版Blog CSS的幾個差異點分析心得[99/04/30修改]
- 101年農曆年將至,自製春聯分享(老媽寫的啦)
- 2011年終竟然是痛風收場!!
- 耶誕快樂&2012新年快樂
- 轉貼【文章分享】 職場人都該看這一篇文章
- 悼Apple的 Jobs賈伯斯
- [iPhone APP]Xuite也出照片影片上傳的APP軟體
- 父親節來自女兒們的首次禮物
- 自訂的表情符號在部落格發文上的應用
- 免費的網頁中文字型應用
- 幫Xuiters灌票吧!!!他們需要你的每天三票
- [碎碎唸]0619下午雨中的兩道彩虹分享
- [版主碎碎唸]從山寨機gooapple谷果機來看使用者的手機需求分析
- [Win7 IE9]相片多張上傳問題
- [洋蔥頭表情符號]幫忙將洋蔥頭傳成可以複製到留言裡使用的圖片
- [個人大頭照]於Xuite裡面在登入狀態下,當個隱形人
- 不同瀏覽器的圖片ICC定義支援
- [不同瀏覽器色差]這真的是之前都不知道的現象!!
- 拜託大家投票囉!
- [自由欄位]側邊欄位背景音樂播放器,可擺放音樂CD封面等圖片
- 快看一下今天Google的首頁Logo
2005-05-19 11:05 [Xuite秘笈]上傳MP3音樂&自訂成隨機播放(續)
以前其實已經寫過兩篇:
第一篇是教大家上傳MP3,以及播放一首固定的音樂,文章在這邊:http://blog.xuite.net/jeanson61/xuite/169997
另外一篇是教大家上傳數個MP3,然後利用亂數隨機播放一首音樂:http://blog.xuite.net/jeanson61/xuite/170936
後來因為有一些使用者有些問題,所以這兩天再深入研究一下下,然後發現一些新東東,可以解決部份Xuiters的問題,昨天已經將隨機播放的那篇文章改掉了。今天想說還是寫篇新文章跟大家報告說明一下。
首先是上傳MP3音樂的部份,原本教大家利用寶貝錄音盒上傳MP3音樂後發表成文章來使用,結果Jill告訴我儲存成草稿也可以用,不一定要發表出來。
另外一件事是原本教大家做多音樂檔隨機播放,語法用到:
bSound[n]="音樂MP3網址URL"; <=== 這段省略
var x = Math.floor(Math.random()*bSound.length);
if (document.all)
document.write('<bgsound src="'+bSound[x]+'" autostart="true" loop=true width="102" height="25">');
else
document.write('<embed src="'+bSound[x]+'" autostart="false" loop="true" width="102" height="25">');
結果是IE瀏覽器下會用bgsound語法來播隨機音樂,結果沒有播放器按鈕可以按停止或是播放!造成如果發表影音文章時,背景音樂跟影音文章打架!所以上面我在後面拼命加width=xx height=xx都無效(應該是bgsound語法不支援,不會有按鈕)。
後來索性那為什麼要分IE與非IE瀏覽器,甘脆都用<embed的方式來弄背景音樂就好了,所以昨天我就改成:
var x = Math.floor(Math.random()*bSound.length);
document.write("<embed src='"+bSound[x]+"'"+" autostart=true width=195 height=50>");
結果就會出現隨機播放以及播放器的按鈕,所以我就可以播音樂或停止音樂了(當時環境為Windows XP+IE)。
但是回到家用Windows 2000+IE時,怪怪!為什麼沒有播放器ㄌㄟ?空白一片,啥按鈕都沒有!#$%^&*~~,於是又再找資料看看是那裡出問題,結果我認為是因為IE針對MP3找不到合適的播放器的問題,所以語法改為:
var x = Math.floor(Math.random()*bSound.length);
document.write("<embed src='"+bSound[x]+"'"+" type=video/x-ms-asf autostart=1 width=195 height=50></embed>");
因為語法中直接宣告type=video/x-ms-asf!
[PS:
rm 檔語法則是:type=audio/x-pn-realaudio-plugin
wma 檔不必加任何語法,若要加,標準語法為:
type=audio/x-ms-wma
]
另外有一說是autostart=true在Firefox下不work,要改為autostart=1,所以我也改autostart的部份。
如果不要有播放器,那就用hidden=1來隱藏。
var x = Math.floor(Math.random()*bSound.length);
document.write("<embed src='"+bSound[x]+"'"+" type=video/x-ms-asf autostart=1 hidden=1 ></embed>");
好啦!各位之前用過這個方法做隨機播放的Xuiters們,可以改一下自由欄位裡的設定讓播放器跑出來了。啪謝!之前教學沒弄好,讓許多人困擾了 XD
當然如果這次還有問題,歡迎再度提出,讓我做修正ㄡ!
我的自由欄位的語法完整如下,供大家參考:
<script language="javascript">
var bSound = new Array();
bSound[0]= "http://mms.blog.xuite.net/cf/7b/11732000/blog_102/dv/195473/195473.mp3";
bSound[1] = "http://mms.blog.xuite.net/cf/7b/11732000/blog_102/dv/195474/195474.mp3";
bSound[2] = "http://mms.blog.xuite.net/cf/7b/11732000/blog_102/dv/195476/195476.mp3";
bSound[3] = "http://mms.blog.xuite.net/cf/7b/11732000/blog_102/dv/195477/195477.mp3";
bSound[4] = "http://blog.xuite.net/_users/cf/7b/11732000/blog_698/dv/169811/169811.mp3";
bSound[5] = "http://blog.xuite.net/_users/cf/7b/11732000/blog_102/dv/170748/170748.mp3";
bSound[6] = "http://blog.xuite.net/_users/cf/7b/11732000/blog_102/dv/170755/170755.mp3";
var x = Math.floor(Math.random()*bSound.length);
document.write("<embed src='"+bSound[x]+"'"+" type=video/x-ms-asf autostart=1 width=195 height=50></embed>");
</script>
我要評分:




more








































































































































