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>

平均分數:0 顆星    投票人數:0
我要評分:
回應

瘋狂亂收藏家、收藏CPU、手表以及Xuiters

今天去哪玩??
Xuite官方音樂播放器

萬年曆
天氣
累積 | 今日
loading......
訂閱狗猫電子報

輸入你的email address:

Delivered by FeedBurner

    沒有新回應!
關鍵字
Xuite電影貼紙
平均分數:0 顆星
投票人數:0
我要評分:






如何使用RSS
Powered by Xuite
Re:[轉貼【文章分享】 職場人都該看這一篇文章...],By 名附其實少奶奶 於2011-11-16
Re:[[轉貼]-你擔心無薪假或裁員嗎?先看看這...],By 黛比遊記-(Debby's Life) 於2011-11-04
Re:[佈 景],By blog 於2011-06-11
Re:[一張改變一生的填寫表],By blog 於2011-06-04
Re:[全球最夯的[宅]事業],By 居家工作自動跟進系統---讓你網路創業超輕鬆 於2011-05-19
Re:[換個有錢人的腦袋 ],By 在家工作也可以月入百萬 於2011-04-10
Re:[在家上網 ~ 賺取兼職收入 , 讓我財富...],By 新世紀宅經濟 在家上網就能賺錢 ~~ 於2011-03-26
Re:[換行原來這麼簡單唷!],By 發現幸福的秘密.... 於2010-12-06
Re:[ [多則影音播放]Xuite Vlog提...],By §✱遺忘空間✱§ 於2010-10-20
CSS樣版三欄兩欄計時倒數冬季自由欄位黑色系右欄風水藍色居家浮動寬度播放器語法保健兒童劇兩欄右border如果劇團CSS語法iPAD行動系統家具步道耶誕手機iPhone影音夢想裝潢影音鎖文章鎖檔頭標題勘屋影音選單基礎入門密碼鎖相片上傳上傳工具設計圖文字左右對齊行距計日Style InformationWeb Developer鑲嵌語法留言通知訊息中心more
洋蔥頭表情符號

不顯示的自由欄位