[教學]divshare免空MP3播放器教學
[size=3][color=RoyalBlue]前言：[/color][color=RoyalBlue]現在有支援播放器的免費空間，好像也不怎麼多了，況且又上傳檔案做分享。[/color]
[color=RoyalBlue]有播放器的免費空間亦要看：[/color]
[color=RoyalBlue]１．檔案上傳是只能單一檔，還是可以一次上傳多個檔案。[/color]
[color=RoyalBlue]２．檔案曲名支不支援中文字顯示。[/color]
[color=RoyalBlue]３．播放歌曲時流不流暢，會不會頓頓的或播到一半中斷。[/color]
[color=RoyalBlue]４．操作難易度，設定是否便利繁瑣、播放設定是否有彈性的附加選項。[/color]
[size=4][color=Red]壹、divshare免費空間申請：[/color][/size]
[color=Green]divShare 免空容量為 5 GB，上傳檔案時單檔不得超過 200 MB。[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-001.jpg[/img]
[color=Green]註冊帳號在首頁右邊 Create a Free Account 處，點擊 Sign up 註冊[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-002.jpg[/img]
[color=Green]在進入註冊頁後，依要求項目填入資料申請新帳號。[/color]
[color=Green]首次申請新帳號成功，登入後其畫面如下圖所示。[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-003.jpg[/img]
[size=4][color=Red]貳、建立新資料夾：[/color][/size]
[color=Green]點擊右上角的 dashboard，到 Member Dashboard 檔案管理頁面。(如下圖所示)[/color]
[color=Green]到右邊，點擊 New Folder 建立新的資料夾。[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-004.jpg[/img]
[color=Green]出現設定資料夾名稱視窗，輸入要建立的資料夾名稱[/color]
[color=Green]按 Create 建立新資料夾。[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-005.jpg[/img]
[color=Green]建完資料夾後，在 Dashboard 檔案管理頁面可以看到資料夾裡沒有何檔案[/color]
[color=Green]看左邊其顯示路徑為：All files > 你的資料夾名。[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-006.jpg[/img]
[size=4][color=Red]參、上傳檔案[/color][/size]
[color=Green]在 dashboard 檔案管理頁，按右邊綠色的 Upload a new file 鈕上傳檔案。(如上圖所示)[/color]
[color=Green]點擊 Upload Multiple Files 上傳多檔 (如圖所示)[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-007.jpg[/img]
[color=Green]依次選擇添加要上傳的檔案，選定後再按底下[color=DarkOrange]黑色圓圈+號[/color]，Additional settings 附加設定[/color]
[color=Green]出現 [color=RoyalBlue]Organize these files in a folder，將其勾選後按下拉選單箭頭[/color][/color]
[color=Green]點選上傳檔案要放置的資料夾，最後再按底下的 Upload 鈕開始上傳。[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-008.jpg[/img]
[color=Green]下圖所示，為檔案正在上傳的進度。[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-009.jpg[/img]
[color=Green]檔案上傳完畢後[/color]
[color=Green]點擊頂端的 dashboard 到檔案管理頁 (如下圖所示)[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-010.jpg[/img]
[color=Green]此時可看到檔案管理頁裡有一個音符圖示的檔案夾，點擊它下方的 Share 分享訊息視窗[/color]
[color=Green]，點擊 Additional settings 附加設定。(如下圖所示)[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-011.jpg[/img]
[size=4][color=Red]肆、播放代碼產生[/color][/size]
[color=Green]點擊 Additional settings 附加設定後，進到 Audio skin browser 面板設定頁[/color]
[color=Green]在此可挑選播放器面板的顏色，選好後按 Apply 套用設定產生播放碼。[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-012.jpg[/img]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-013.jpg[/img]
[color=Green]接著到底下 Your Embed Code 播放代碼處點擊文字，在反白後按Ctrl +C 或按滑鼠右鍵複製代碼。[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-014.jpg[/img]
[color=Green] 複製代碼至記事本貼上[/color]
[color=Green] 打開記事本，將複製的代碼貼上，按 Ctrl +V 或滑鼠右鍵貼上，整段代碼如範例所示。[/color]
[color=Green] 在此找到 [color=Red]embed src="[/color] 後面那段 (如下所示段落)[/color]
[color=Green] [color=RoyalBlue]http://www.divshare.com/flash/playlist?myId=9771237-036&new_design=true[/color][/color]
[color=Green] 反白標記僅需要段落，按 Ctrl +C 或滑鼠右鍵複製。[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-015.jpg[/img]
[size=4][color=Red]伍、論壇發帖：[/color][/size]
[color=Green] 在發帖編輯處，將記事本複製的代碼 Ctrl +V 或滑鼠右鍵貼上。[/color]
[color=Green] [color=RoyalBlue]http://www.divshare.com/flash/playlist?myId=9771237-036&new_design=true[/color][/color]
[color=Green] 將整段代碼反白標記，點擊編輯功能列的 flash 插件加上媒體碼，發帖。(如下所示)[/color]
[img]http://i580.photobucket.com/albums/ss242/myfather88/D-016.jpg[/img]
[size=4][color=Red]陸、實際演示效果[/color][/size]
[color=Green] [color=RoyalBlue]播放資料夾模式：[/color][/color]
[color=Green] 點選欲播放資料夾處的 Share，出現視窗，點擊 Embed Playlist 複製代碼。(預設播放模式)[/color]
[color=Green] 要設定播放面板顏色，則需點擊 Embed Playlist 下方 Additional settings[/color]
[color=Green] 進到 Audio skin browser 裡設定。[/color]
[color=Green][code][flash]http://www.divshare.com/flash/playlist?myId=9771237-036&new_design=true[/flash][/code][/color]
[/size][flash]http://www.divshare.com/flash/playlist?myId=9771237-036&new_design=true[/flash][size=3]
[size=4][color=Red]柒、結語：[/color][/size]
[color=Green] 原先這篇教學看起來很繁瑣，主要是循環相通把我也給搞暈了，從這裡到那裡，那裡又可以通別處。[/color]
[color=Green] 而先前我又太注意細節，以致全篇看完也暈乎乎的。[/color]
[color=Green] 這篇教學是第二稿，已經大修過，步驟也儘量精簡，照著步驟做應該不難理解。[/color]
[color=Green] 這個空間的播放器，我以為不太理想，也不太欣賞，歸咎於播放器稍嫌陽春，沒有更彈性的選項供挑
選。[/color][color=Green]但它還是有可取處，可多檔上傳、設定不算複雜難懂。[/color]
[color=Green] 以上[/color]
[color=Green] 謝謝您耐心觀看此篇教學，若有謬誤之處尚請不吝指正！非常感謝！[/color][/size]
頁:
[1]