December 11, 2004

[教學] 如何用Media@Blog快速在部落格中插入複數圖片與影片

過了一段時間, Media@Blog受到一些人的喜愛, dAb也慢慢的把它改的越來越像樣了. 有鑒於過去的教學已經不敷使用, 今日特地重新改寫了新的教學. 請享用.

Media@blog! 目前旗下有兩個主要功能, 分別是Photo@blog 以及 Movie@blog! 以下是它的特色說明:

1. 妳不需要學會Flash就可以用Flash在部落格上播放圖片或影片
2. 妳不需要安裝任何插件到妳的部落格裡面
3. 妳只要有網路空間放置你的圖片或影片即可
4. 每次張貼新聞章只需要用原始碼產生器產生HTML碼, 再貼上即可
5. 多人共用同一個SWF播放器, 妳連SWF是什麼都不需要管
6. 如果你是直接共用本站的SWF檔案, 那麼只要dAb一更新, 你的Blog就能享用到最新的Media@Blog
7. 新版v5的Media@Blog原始碼產生器會主動告知更新訊息
8. 新版v5的Media@Blog原始碼產生器可以搭配設定檔, 讓你不用每次都得把欄位再填一遍
7. 支援18張圖片的輸入介面(手動coding理論上可以支援到99張...不過眼睛應該會瞎掉XD)


使用前, 請先下載: Media@blog原始碼產生器v5

----------------------------------------------------

Photo@blog教學:想貼照片的人看這邊

請先下載: Media@blog原始碼產生器v5

第一部份:修改你既有的照片, 並整理到資料夾中
001.jpg


第二部份:開啟HTML原始碼產生器照如下說明依序輸入適當的欄位資訊
002.jpg
--1. 填入你的圖片在網路上的路徑. 例如: http://www.dab.idv.tw/pic/2004_12_10/2004_12_10_1.jpg, 則粗體的部份就是你的圖片路徑, 注意, 要包含斜線在內喔!
--2. 填入你的圖片總張數以及剛剛妳命名資料夾的日期, 注意, 個位數前面要加0. 例如:08
--3. 填入你的圖片長寬像素. 注意, 請維持4:3的比例, 直立圖片請事先處理. 另外原則上不要太大張, 不然會讀取很久喔! 建議640x480是不錯的選擇.
--4. 依照片順序為它們填入描述吧!

忘記的話可以按[範例]按鈕觀看說明.
sample.jpg

完成以後就按[產生原始碼]按鈕吧!
click.jpg



第三部份:把產生出來的原始碼貼到新增的blog部落格文章中
003.jpg

這樣你就大功告成啦! 恭喜你.

----------------------------------------------------

Movie@blog教學:想貼影片的人看這邊
使用前, 請先下載: Media@blog原始碼產生器
第一部份:下載FLV轉檔軟體
>Riva VX 公司製作的免費轉檔軟體, 以及FLV播放器.
原始下載點: FLV轉檔 ; FLV播放
*只用上述軟體的話, 無法讓觀眾拖曳時間軸控制影片的播放進度, 想要解決此問題的人請參考[教學] FLV的轉檔小軟體

第二部份:上傳FLV到網路上
您只要有FTP或免費網路空間, 把第一步轉出來的FLV檔案上傳上去, 並且把路徑記起來. 例如: 我的FLV檔路徑是http://www.dab.idv.tw/flv_free/my_movie.flv
就請你把檔名之前的http://www.dab.idv.tw/flv_free/複製起來.
第三步會用到.

第三部份:打開Media@blog原始碼產生器, 產生HTML檔
首先選擇進入Movie@blog編輯模式
首先選擇進入Movie@blog編輯模式

接下來, 輸入如下圖的資訊
接下來, 輸入如下圖的資訊
*檔名欄位資料不包含結尾的副檔名(.flv)喔!

最後按下產生原始碼
最後按下產生原始碼
把產生出來的原始碼貼到你的blog部落格新增文章欄位中就大功告成了!


重要!關於Media@Blog設定檔的新功能, 使用方式請看[Project] 新版本Media@Blog出爐!. 由於不使用這個功能也是可以正常運作, 因此就把這部份說明與基本的步驟說明分離開來.

- 有意願要使用的人, 麻煩留在迴響中. 謝謝.

*進階使用者, 或是有自己SERVER的人, 可以下載SWF檔回去, 唯需修改Media@Blog所產生之HTML檔, 把SWF檔位址指向您SERVER所在路徑. 這裡便不詳述了.
請至以下連結處下載:
Photo@Blog - SWF檔
Movie@Blog - SWF檔

*對Media@Blog有興趣, 或是想要一起改進它的Blogger, 可以按這裡下載FLA原始檔:
Movie@Blog FLA原始檔(FlashMX2004)
Movie@Blog FLA原始檔(FlashMX)

由 dAb 發表於 December 11, 2004 02:02 AM | 引用 | 所屬類別: [ 我的作品˙My Project ] [ 教學˙Teach & Learn ]
迴響

目前已知問題彙整 (未來會陸續更新)
---------------------------------------------------
1. Media@Blog有顯示出來, 但是圖片看不到?
A: JPG一定要存成"標準"(Baseline)的格式, 繪圖軟體通常都有這個選項. 一般來說, 像機照完以後直接上傳都不會有問題, 但是如果您曾經進入繪圖軟體修改過再另存新檔,而該軟體預設JPG的存檔格又不是Baseline的話(例如PhotoImpact), Flash就沒有辦法顯示囉! 要避免這個問題, 盡量選擇"儲存到網頁"(Save for web)來存圖片, 並且注意裡面有沒有一個JPG格式的選項(可能有標準Baseline.漸進Progressive.等...), 並選擇"標準Baseline".

2. 在Blogger上面使用, 會被告知HTML碼有問題(error)?
A: 那是因為Blogger的系統把原本就沒有結尾的<embed>標記視為錯誤標記, 不過目前Blogger已經可以讓你勾選 "忽略這個問題"的選項, 順利發佈.

3. 在plog使用出現錯誤?
A: 目前尚無解決的辦法Orz...

Posted by: dAb 發表於 December 11, 2004 03:34 AM
發表迴響









記住我的資訊?