|
過了一段時間, 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
第一部份:修改你既有的照片, 並整理到資料夾中

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

這樣你就大功告成啦! 恭喜你.
----------------------------------------------------
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編輯模式
接下來, 輸入如下圖的資訊
*檔名欄位資料不包含結尾的副檔名(.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)
|
目前已知問題彙整 (未來會陸續更新)
---------------------------------------------------
1. Media@Blog有顯示出來, 但是圖片看不到?
A1: JPG一定要存成"標準"(Baseline)的格式, 繪圖軟體通常都有這個選項. 一般來說, 像機照完以後直接上傳都不會有問題, 但是如果您曾經進入繪圖軟體修改過再另存新檔,而該軟體預設JPG的存檔格又不是Baseline的話(例如PhotoImpact), Flash就沒有辦法顯示囉! 要避免這個問題, 盡量選擇"儲存到網頁"(Save for web)來存圖片, 並且注意裡面有沒有一個JPG格式的選項(可能有標準Baseline.漸進Progressive.等...), 並選擇"標準Baseline".
A2: jpg小寫才可以.JPG大寫不可以. (網友thea提供)
2. 在Blogger上面使用, 會被告知HTML碼有問題(error)?
A: 那是因為Blogger的系統把原本就沒有結尾的<embed>標記視為錯誤標記, 不過目前Blogger已經可以讓你勾選 "忽略這個問題"的選項, 順利發佈.
3. 在plog使用出現錯誤?
A: 目前尚無解決的辦法Orz...
這實在是很棒的創作。
不知道為何,photoblog部分用火狐狸都可以瀏覽,但是哎依就是不行。
應該不是flash player問題。
to Lost
感謝您的稱讚.
我這邊用IE看或是火狐都沒有任何問題耶.
不信您用IE開我的Blog看看, 應該是沒問題的才對啊...
我有箇疑問
用firefox看照片的時候 圖片下方的敘述文字會變成亂碼
可是在IE看卻正常呢
to Vista
之前好像有看過這個問題, 不過我自己的不會
所以那時候看到就沒有深究
我想會不會是UTF-8(字元編碼)的關係.
因為我一下子找不到有問題的網頁, 能不能麻煩您提供一下囉!
http://www.chicera.com
這是我試做的網頁
謹供參考!
整理一下好了!
1. 網頁模式 charset=big5
IE/Firefox 都可以看
但Firefox的敘述會變成亂碼
http://www.chicera.com
2. MT Blog charset=utf-8
IE/Firefox 都可以看 不會變亂碼
http://www.oui-blog.com/kidking
to Vista
嗯... 我盡力試著去找出原因, 不過失敗了Orz
這的確是個問題, 解決的辦法可能得請高人相救了...
搞不懂為什麼IE可以火狐就不行...
沒關係,慢慢來吧。
辛苦你了,學弟(應該是學弟吧)。
jpg小寫才可以....JPG大寫不可以....
今晚弄好久@@
http://thea.myweb.hinet.net/20041212.htm
to thea
感謝您指出這樣的問題. 好像很久以前曾經遇到過, 一直忘了處理.
不過要偵測大小寫的手續會有一點點麻煩.
就這時讓我把這個問題擱著吧:P
*您網址裡的照片畫質很棒啊!
嗚~~~~~~~~~
快告訴我為什麼會這樣啦??
為什麼…?????
我也想做出美美的效果
嗚~~~
http://www.wretch.cc/blog/kiteyu&year=2004&month=12&day=16
還有呀…
是不是因為我的產生器打開是亂碼的關係呀????
嗚~~大家都成功了…只剩我還在醜醜的?_?
超清楚!
謝謝分享~
請救救我的kite姐妹吧!
to kite
因為無名並不支援阿 ^^
to dAb
^^ 謝謝你的程式~相當有趣!!
to thea
我連過去kite那邊看了一下, Media@Blog可以正常運作說...
是因為我用火狐才可以看嗎?
學弟,這個東西真是妙用無窮啊~
我也在我的blog加了一篇推薦囉~!!
加油啊~
不過我也有遇到一些問題...
就是第一次貼上去都ok,但是要是之後我再去edit那篇文章...
就沒辦法開啟照片的連結(but flash還是看的到..)
我在猜有可能是我的blog軟體的問題(tatter tools)...
to YiLi
真是感謝學長的使用與推薦
因為小弟的碩士論文懷胎九月, 已經快到預產期了
所以Media@Blog幾乎沒有更新, 但是目前已知使用上的問題還不少,
等論文生完了以後, 我一定會努力的把它變的更好用.
我同學也是用Tatter Tools, 網站名稱是有沒有都無所謂, 他用Media@Blog似乎是沒有遇到問題,
不過學長說的問題我會再問我同學看看^^
感謝,測試影片成功了,但是還沒有可以見人的影片可以公開,蛙哈哈哈哈,請問有沒有什麼使用時需要注意的版權呢?
請問需要把您的網頁連結嗎?
to graymagic
感謝您的試用
如果願意的話稍為提一下來自本站就可以了
其餘的部份請隨意 ^^
文章連上您的網頁以示感謝噢噢噢
真是好東西
耶
真是太厲害了
無意中逛來這邊,發現大寶真的好強啊!@@
flash的播放介面看起來好漂亮說。
可是我有個疑問,Media@Blog可以用在msn Spaces上嗎?
因為它好像沒有輸入html語法的地方說!
to 小瑋
哪裡哪裡
那個介面只是Flash內建的樣式
我覺得很好看才會拿來用
真正的高手是不會這樣子滴 XD
MSN Space那邊我是不太清楚,
如果Post文章的欄位不支援HTML語法的話可能就不能用了說...
無意中逛來這裡,發現大寶真是厲害!
我想請教一下圖片如果設定640x480,會超過播放畫面耶!
所以我都把圖片縮更小,還有直的相片該如何設定?我是用
tatter tools試架的,可否請大寶幫忙一下,謝謝!^^
to Ying Chou
640x480應該不會有問題, 如果有問題的話
應該是因為妳的圖片不是640x480吧?
不然應該不會有問題, 因為我都是用這個大小
直的相片... 是我心中永遠的痛...
我也希望有朝一日我能解決. orz
謝謝大寶的回答!
希望直的相片能有解決方法,這樣就太完美啦!^^
Dab
Media@Blog超讚
我想請問
大家都是用哪套軟體改圖片尺寸到640X480
還有大量更改檔名的?
我都用PHOTOCAP
但是我覺得不太好用
謝謝賜教
Dab
Media@Blog超讚
我想請問
大家都是用哪套軟體改圖片尺寸到640X480
還有大量更改檔名的?
我都用PHOTOCAP
但是我覺得不太好用
謝謝賜教
to Shihming
基本上Media@Blog不一定要是640x480
只要是他的倍數都可以, 例如800x600 1024x768 都可以
只是你要在圖片寬度 高度 的欄位那邊打上去
原則上這樣子就可以了.
軟體的話... 我也不知道什麼小軟體好用耶
我都是直接手動更改說... 因為我喜歡自己決定圖片出現的順序.
如果我知道有什麼軟體好用的話在Po上來
若是有人願意分享經驗的話也不錯
太讚的發明啦
每次看到你的東西都覺得很有意思
串串串串聯dab's bolg了...^o^
真是太好玩啦
讓我從從晚上波照片到凌晨
好累...
誰來脫掉我的紅舞鞋快讓我停下來阿
sorry想請問一下,樂多是不是不支援呢?因為我試了好久都NGㄟ....>
to tammy
如果能夠附上網址的話, 我可以幫你看看失敗的原因
如果是根本PO不上去的話, 那麻煩你做以下動作:
進入
http://www.dab.idv.tw/dab/other/mediaAtBlog_TEST_1.txt
把出現的字碼全部COPY起來, 貼上到你的BLOG
如果可以, 表示基本上是沒問題的.
如果不行, 妳可以再試試看這個:
http://www.dab.idv.tw/dab/other/mediaAtBlog_TEST_2.txt
一樣把出現的字碼全部COPY起來, 貼上到你的BLOG
如果還是不行, 表示你現在所使用的Blog平台不支援Media@Blog
我有修改過尺寸而且也是用(例如PhotoImpact),但..[盡量選擇"儲存到網頁"(Save for web)來存圖片, 並且注意裡面有沒有一個JPG格式的選項(可能有標準Baseline.漸rogressive.等...), 並選擇"標準Baseline".]這裡的解釋我看不太懂耶..可不可以有好心人事在說的詳細一點ㄋ請問一下pchome可以顯示圖片嘛...我的Movie@blog有跑出來可是就是沒有圖片啦...謝謝
補充...然後其怪的是...我案save竟然可以出現圖片耶~可是在那個小框框中就是跑不出來..是怎麼回事咧
是我的錯覺嘛..我怎麼覺得文章被刪了咧
= =”
to 小瘦
Good Test!
這樣應該就能確定是因為你的JPG格式未被存成"標準Baseline", 所以Flash顯示不出來.
因為我手邊沒有PhotoImpact, 也不知道到底你是用哪一套軟體處理照片的.
如果有另存成網頁格式的選項, 就選那個, 有進階的選項 就進去看看有沒有地方可以設定JPG的形式. 基本上應該每一個影像處理軟體都有.
*是你的錯覺. 文章沒有被刪. ^^
補充一下. 可能有些中文軟體會把Baseline翻譯成"基本線"的樣子...
試過許多次,也換過許多空間,包含ftp,pchom,憶美網相簿
可是出現的還是原始碼,沒有那動人的 photo@blog
我用Roodo blog
不知是那兒出了問題?請教大大~~
to Richard
可能Rodoo像Blogger一樣不允許<embed>這個沒有結尾的語法.
如果是這個原因, 那加上</embed>就行.
這個部份的問題, 我修改了一下原始碼產生器
給有遇到這個問題的人使用.
請到這裡下載:
http://www.dab.idv.tw/dab/share/code_gen_v6_embed.exe
試試看吧! 希望能夠順利運作.
dAb~
謝謝你的建議
biog出現的還是原始碼
應該是無福消受了 :(
上面打錯字,是blog,
從晚上試到天亮,頭昏了!
dab大大 想請教3個問題 這是我放圖片的位置
http://mymail.doramail.com/scripts/webhosting/main.cgi?mail_language=us&Action=cd&directory=//2005_03_17
請問圖片路徑是要改成
http://mymail.doramail.com/scripts/webhosting/main.cgi?mail_language=us&Action=cd&directory=//
還是
http://mymail.doramail.com/scripts/webhosting/main.cgi?mail_language=us&Action=cd&directory=/
呢?
另一個問題是 我是用小畫家修改圖片 在用photo edit存檔
存的是jepg 檔案交換格式 這樣可以嗎?
最後一個問題是我貼上html code之後 她有出現圖片觀看的框框 但是卻未見圖片顯現??網頁是完成的 請問這是哪邊出問題??
不好意思 希望不會太麻煩您回答^^"
請問一下喔
網路相簿的話
我資料夾的名字和圖片的名字都有照格式
可是等我上傳完了之後檢視圖片的網址
檔名就會變成網路相簿自己設定的字了耶
有什麼方法可以解決呢?
麻煩你了...
請問如果我想用flickr相本空間來連接秀圖也行嗎?
之前用mac 的相本空間試來試去, 也都只出現
圖片觀看的框框但是卻未見圖片顯現...
我想不是沒轉baseline的問題
好像是連結路徑的問題...............(羞)
連結路徑 果然是語法小白的業障阿
可以任性的要求dab 舉例是否可用flickr來連結哩?
(我只會依樣劃葫蘆...)
好 我知道這要求很欠揍
請不要幹ㄍ一ㄠˊ我...
to ivan
基本上, 路徑有雙斜線是還蠻奇怪的
如果真的是雙斜線, 那就兩個斜線都打上去
jpeg就是jpg, 兩個是一樣的格式, 但有時候副檔名會不一樣, 一定要是.jpg才行.
如果只出現圖框, 就表示圖片的連結設錯了, 或是圖片格式有問題.
to 大毛
這個部份 殘念
沒有解決的辦法, 目前大多數的網路相簿都會自行亂數更改檔名
沒有規則可循
所以圖片播放器很難支援相簿裡的圖片
真的要用Media@Blog的話, 請去申請免費的"網頁空間"
這樣就不會有檔案名稱被更動的問題了
to sunny
您太客氣了
基本上, 用網路相簿的話, 檔名都會被該服務更改掉
Flickr也是
MAC的相簿空間我不知道是不是同樣問題
假設 有一個圖片位址
http://www.dab.idv.tw/image/2005_04_05/2005_04_05_1.jpg
把這一串字 貼上到瀏覽器裡面, 會出現圖片的話
那麼, 在Media@Blog的原始碼產生器裡面, 就要在圖片路徑的地方 貼上
http://www.dab.idv.tw/image/
這樣講應該就比較清楚了吧?
如果說, 你把圖片連結貼到瀏覽器裡面, 卻沒有出現圖片的話
那Media@Blog當然就沒有辦法讀到圖片了
如果IE會呈現圖片, 原始碼產生器裡面也沒有設定錯
那就比較可能是JPG的格式問題了 (Flash不支援漸進式的JPG)
大致是這樣 ^^
dAb~
大大感恩阿
我成功了
大飽寶
對啦
上回和你請教你那照片播放的東西
我有朋友想請問你一些東西
你方便的話.在MSN上看到我就密我一下吧
感溫囉.....
你在考試嗎?
不然釦你手機都沒開
3Q
我試了好多次都不成功…>_
請問一下
是不是只要是一般免費的網路相本
相本\"連結名稱\"無法與"檔名日期名稱\"一致的話
就不能使用這個軟體??
我想下載
Photo@Blog - SWF檔
Movie@Blog - SWF檔
但是連結好像掛了~可以跟妳耀一下嗎?
請問可以下載Movie@Blog - SWF檔嗎?
想請問ㄧ下圖片的顯示是否有buffer問題,或者字數的限字呢?
因為我使用到24張,文字輸入到某個階段就不行了,我就ㄧ直測試,到他可以接受的文字數目,想請問該如何解決這部份的問題呢?
to jakko
到現在我都還不知道有這號問題說@_@
24張啊...我好像最多只放過20張吧...
不過單張照片的文字描述本來就有限制的喔~
幾個字我倒是忘了 :P
感謝你的使用拉~
大寶大寶,你寫的語法產生器真的很實用
不過有個小建議...
在產生語法後.. 不然有些網頁會出現語法錯誤..謝謝你...^^
請問為什麼我的wmv檔在轉成flv檔時都會出現一個視窗說...除錯的選擇.不然就是關閉...他說ffmpeg.exe發生錯誤..必須關閉...請問哪位高手可以幫我解答...拜託..拜託...謝謝...
to 666666
我不知道你是用什麼軟體轉的
如果Riva Encoder沒辦法轉的話
你可以去找Sorenson Squeeze
或是把Flash8裝起來
用他們轉應該就不會有問題了
不過現在其實有什麼vlog的網站
都提供了類似的影音播放介面 讓你上傳影片
你可以去看看唷
Thanks to dAb:
謝謝你的建議喔........
別謝別謝
最近可能會開始動工新的版本了
會有很大的改變喔*_*
不過過一陣子遇到考試可能又會拖拖拖了吧..:P
反正能在年底以前出現
應該就不錯拉~
喔 對了
應徵一下新版本的名字
要延用Media@blog 加個2就好了嗎?
還是來個XP或MX還是XD呢?
我是覺得直接跳到8好了
Media@blog8?
還是乾脆換名字?
感謝你的分享,讓我的blog更有活力!
期待新的作品問世~
to Danny
一年半前的拙作能給大家帶來一些小小幫助\n實在是始料未及
雖然大家不見得會持續用下去\n但是dAb還是看見了需求
總之 今年底以前
應該會出現新的大改良
讓Blogger能更方便的Post 圖.文.影.音 並茂的blog工具
就由dAb來實現吧~
也請大家要繼續支持喔
啊,很棒的播放器.
那個 save 連結按鈕的 url 可否改為允許 user 手動設定?
或是增加一個連結(可手動設定)可以對應到 user 的 online 相簿相對應的 page...
可以增加 slide show 功能嗎?
打個廣告~
我自己寫了一個給Flickr用的on-blog slideshow
連結在這裡
如果有需要的可以參考一下囉~
to b90220208
看樣子怎麼像是個學號來者...
大家的意見我都會斟酌弄到下一個版本裡面
像Wii一樣, 發售日未定. XD
dAb您好
我的blog使用了你的movie@blog
我有附上網站連結
在這邊跟你說聲謝謝喔 :D
大大您好~
小弟對您的作品非常有興趣~
想研究一下movie@blog的FLA原始檔
但是這網站上下載之FLA檔案是照片的FLA檔,不是VIDEO的
不知大大是否能提供VIDEO的原始FLA檔給小弟
或寄至小弟信箱~
萬分感激~
小小弟敬上