‹‹ 上一主題 | 下一主題 ››
發新話題
打印

[原創] [教學]divshare免空MP3播放器教學

optleo

再會！

P 15

Rank: 9Rank: 9Rank: 9

停止所有發帖.分享

UID
1226536 
帖子
2246 
精華
16 
積分
573410 
金幣
125865  
星雲幣
492023  
原創銀幣
16076  
視頻
0  
閱讀權限
150 
在線時間
0 小時 
註冊時間
2010-4-6 
最後登錄
2011-7-1 

發貼勳章 原創勳章 精華勳章 模範勳章 好野人 帥哥 星雲騎兵 新年a 小雞雞

1# 大 中 小 發表於 2010-7-13 15:42  只看該作者

[教學]divshare免空MP3播放器教學

前言：

現在有支援播放器的免費空間，好像也不怎麼多了，況且又上傳檔案做分享。

有播放器的免費空間亦要看：
１．檔案上傳是只能單一檔，還是可以一次上傳多個檔案。
２．檔案曲名支不支援中文字顯示。
３．播放歌曲時流不流暢，會不會頓頓的或播到一半中斷。
４．操作難易度，設定是否便利繁瑣、播放設定是否有彈性的附加選項。


壹、divshare免費空間申請：

divShare 免空容量為 5 GB，上傳檔案時單檔不得超過 200 MB。



註冊帳號在首頁右邊 Create a Free Account 處，點擊 Sign up 註冊



在進入註冊頁後，依要求項目填入資料申請新帳號。
首次申請新帳號成功，登入後其畫面如下圖所示。



貳、建立新資料夾：

點擊右上角的 dashboard，到 Member Dashboard 檔案管理頁面。(如下圖所示)
到右邊，點擊 New Folder 建立新的資料夾。



出現設定資料夾名稱視窗，輸入要建立的資料夾名稱
按 Create 建立新資料夾。




建完資料夾後，在 Dashboard 檔案管理頁面可以看到資料夾裡沒有何檔案
看左邊其顯示路徑為：All files > 你的資料夾名。



參、上傳檔案

在 dashboard 檔案管理頁，按右邊綠色的 Upload a new file 鈕上傳檔案。(如上圖所示)
點擊 Upload Multiple Files 上傳多檔 (如圖所示)



依次選擇添加要上傳的檔案，選定後再按底下黑色圓圈+號，Additional settings 附加設定
出現 Organize these files in a folder，將其勾選後按下拉選單箭頭
點選上傳檔案要放置的資料夾，最後再按底下的 Upload 鈕開始上傳。



下圖所示，為檔案正在上傳的進度。



檔案上傳完畢後
點擊頂端的 dashboard 到檔案管理頁 (如下圖所示)



此時可看到檔案管理頁裡有一個音符圖示的檔案夾，點擊它下方的 Share 分享訊息視窗
，點擊 Additional settings 附加設定。(如下圖所示)



肆、播放代碼產生

點擊 Additional settings 附加設定後，進到 Audio skin browser 面板設定頁
在此可挑選播放器面板的顏色，選好後按 Apply 套用設定產生播放碼。





接著到底下 Your Embed Code 播放代碼處點擊文字，在反白後按Ctrl +C 或按滑鼠右鍵複製代碼。



　　　複製代碼至記事本貼上
　　　打開記事本，將複製的代碼貼上，按 Ctrl +V 或滑鼠右鍵貼上，整段代碼如範例所示。
　　　在此找到 embed src=" 後面那段 (如下所示段落)
　　　http://www.divshare.com/flash/playlist?myId=9771237-036&new_design=true
　　　反白標記僅需要段落，按 Ctrl +C 或滑鼠右鍵複製。



伍、論壇發帖：
　　在發帖編輯處，將記事本複製的代碼 Ctrl +V 或滑鼠右鍵貼上。
　　http://www.divshare.com/flash/playlist?myId=9771237-036&new_design=true
　　將整段代碼反白標記，點擊編輯功能列的 flash 插件加上媒體碼，發帖。(如下所示)


陸、實際演示效果
　　播放資料夾模式：
　　點選欲播放資料夾處的 Share，出現視窗，點擊 Embed Playlist 複製代碼。(預設播放模式)
　　要設定播放面板顏色，則需點擊 Embed Playlist 下方 Additional settings
　　進到 Audio skin browser 裡設定。
複製內容到剪貼板
代碼:
[flash]http://www.divshare.com/flash/playlist?myId=9771237-036&new_design=true[/flash]



柒、結語：
　　原先這篇教學看起來很繁瑣，主要是循環相通把我也給搞暈了，從這裡到那裡，那裡又可以通別處。
　　而先前我又太注意細節，以致全篇看完也暈乎乎的。
　　這篇教學是第二稿，已經大修過，步驟也儘量精簡，照著步驟做應該不難理解。

　　這個空間的播放器，我以為不太理想，也不太欣賞，歸咎於播放器稍嫌陽春，沒有更彈性的選項供挑
　　選。但它還是有可取處，可多檔上傳、設定不算複雜難懂。

　　以上

　　　　謝謝您耐心觀看此篇教學，若有謬誤之處尚請不吝指正！非常感謝！
近期事多、煩，沒時間(心思)再做分享...
於 07/01 之後全面停止BT、HTTP發帖，請見諒！
∼∼  再　會  ∼∼

TOP

‹‹ 上一主題 | 下一主題 ››
發新話題
最近訪問的版塊