October 28, 2004
[教學] 如何用Flash快速在部落格中插入複數圖片與影片
分享
|
---------------------------------------------------------------------------------------------------- 今天花了一個下午, 終於完成了整套的[三十秒在blog部落格張貼多張圖片與影片 我也會]的Project. 有到這裡來逛過的可能有看過之前的使用教學, 這次一口氣把圖片和影片的原始碼產生器整合成一個, 您可以快速又方便的在blog部落格上使用圖片展示以及影片播放器. 這次決定將這套方法定名為Media@blog! 目前旗下有兩個主要功能, 分別是Photo@blog 以及 Movie@blog! 以下是它的特色說明: 1. 妳不需要學會Flash就可以用Flash在部落格上播放圖片或影片 使用前, 請先下載: Media@blog原始碼產生器 ---------------------------------------------------- Photo@blog教學:想貼照片的人看這邊
上回所用的Media@blog原始碼產生器是3.0版, 只支援9張圖片的文字敘述, 這回的4.0 Plus版和上一次教學的差別只在於增加到18張圖片的文字敘述, 並且結合Movie@blog的代碼產生功能. ---------------------------------------------------- Movie@blog教學:想貼影片的人看這邊 第二部份:上傳FLV到網路上 第三部份:打開Media@blog原始碼產生器, 產生HTML檔 以上是dAb辛苦製作的使用教學, 如有錯誤的地方, 敬請指正. 謝謝. |
|
1 TrackBacks
Listed below are links to blogs that reference this entry: [教學] 如何用Flash快速在部落格中插入複數圖片與影片.
TrackBack URL for this entry: http://www.dab.idv.tw/blog/dab-mt-tb-dab.cgi/78
Buy vicodin without prescription. Offfshore pharmacy buy vicodin no prescription. Buy vicodin no prescription. Buy vicodin overseas without prescription. Buy vicodin without a prescription. Read More
更多同類文章看這裡： [ 我的作品˙My Project ] [ 教學˙Teach & Learn ]
由 dAb 發表於 October 28, 2004 12:56 AM
相關文章:
[Project] XBOX360 avatar on your desktop: Avatar360! - Nov 23, 2008
[純推] TinEye 相似圖片搜尋 - Sep 24, 2008
[網路] Google與我老爸之間的相關性 - Jun 16, 2008
今天試用您製作的FLASH圖片展示器
介面很in(現在啥都流行白色)，且使用上都很方便
唯獨在資料夾跟檔名的命名上稍微少了點彈性度
這是小弟的小小使用感想。
to im28
感謝您的測試, 的確以日期為檔名似乎有一點不方便, 原本的用意是讓圖片利於日後管理, 不過如果能讓使用者自訂圖檔編號前的字串應該也是不錯,我會在下一個版本試著改善這個問題. Thanks.
good job
欣賞你不吝嗇的分享這些^_^
題外話：我的小名叫小寶（勉強攀點關係^++++++++++^）
to 哲廷
你的Blog很不錯, 圖.文都很令人驚豔
to ALL
因為Movie@Blog需要Flash Player7才能播放, 所以Code Gen V4做了一點小修改, 請重新下載. 謝謝
很實用的軟體，謝謝您的分享。
不過我有個問題想請教，我在Blogger新增文章，貼上原始碼時，會有警告視窗告知以下訊息「Tag is not closed: 」，請問有方法解決嗎？謝謝
附上捉圖：http://myweb.hinet.net/home4/zhangziyi/Snag-1.JPG
to PPgirl
我去Blogger測試之後發現, 如果你用Compose模式貼上HTML原始碼的話, 會貼到一半就斷掉, 斷在大約最後一行的地方, 這大約就是出現「Tag is not closed: 」的原因. 如果切換到HTML編輯模式再貼上的話, 就不會有這個問題, 不過我按下Publish送出時, Blogger會無法送出, 雖然文章儲存了, 不過好像會因為某些問題而不能顯示. 奇怪的是如果你在送出文章之前按Preview的話, 卻又正常... 抓圖
我想這有可能是Blogger的某些限制所導致?
to PPgirl
根據鎖頭大哥的觀察, 他建議在[/object]之前加上[/embed]以欺騙Blogger的Server. 原因可能是出在Blogger不認得沒有結尾的[embed]標記. dAb測試後證明鎖哥英明.所言不假.
您可以試試.
值得讚賞!!加油...
很cool的布落格...
小弟也來這裡學習學習...
剛在我的blog弄, 沒有成功? 請問有範例影片可以share嗎?
to Hank
抱歉, 因為前幾天網路用太兇(笑...), IP被停掉了
所以指向我的網站讀SWF檔的Media@Blog, 會讀不出來
換個IP晚一點應該就沒事了
所以說這個東西不是自己把.FLV上傳後, 然後把code加到自己的blog就能用囉?
應該是這樣就可以. 但是因為我為了讓大家方便一點, 所以讓大家都共用在我的主機上的SWF檔, 也就是Media@Blog的主要元件. 如果進階一點的使用者, 可以把SWF檔下載回去, 放在自己的Server不過那就得把HTML產生器產生出來的http://www.dab.idv.tw/dab/load_image_v6.swf這段, 換成自己Server的路徑, 這樣就得要改良HTML產生器(例如讀取外部文字檔當做swf檔路徑...), 一旦如此使用起來就不會像現在這樣\"三十秒我也會"了.. , 而且如果我改良版本, 共用我swf的人可以不需更動, 就能享用更新的版本, 而swf放使用者端的話, 使用者就需要自己回來看是不是有更新. 比較麻煩.
*IP更換好像要明天才能生效... >__
請問貼影片的問題
我將avi檔轉成flv後
用Media@blog原始碼產生器, 產生HTML檔
貼到plog裡去
可是只有影片播放器裡影片並沒有出來
(我是把load_image_v6.swf抓到自己的server）
請問可能是哪裡的問題
3Q!
to arashi
您好, 當初並不清楚會有多少人想放SWF在自己的SERVER,
因我一時粗心只提供了展示Photo的SWF檔, 而Movie部分忘了放.
請至以下連結處下載:
Photo@Blog - SWF檔
Movie@Blog - SWF檔
感謝
很奇怪 還是不行
即使用你主機上的swf還是無法撥放
http://www.flickr.com/photos/1394375_5bcf893910.jpg
to arashi
我想可能的原因是你的連結位址或檔名欄位有設錯
你可以試著把 "連結位址"欄位 + "檔名"欄位 + .flv
連在一起以後輸入到IE裡面, 正確的話, 應該會跳出下載視窗
如果你的FLV檔路徑是http://www.dab.idv.tw/flv_free/my_movie.flv
那在填"連結位址"欄位的地方就是http://www.dab.idv.tw/flv_free/
要加斜線做結尾
檔名欄位就是my_movie, 要注意沒有.flv
*看樣子原始碼產生器有些不符合使用性, 改天有空再修改了
感謝
發現原來是自己白爛 多加了副檔名flv
難怪影片出不來
不過發現Media@blog!在我現在用的plog上有點水土不服
在firefox中看很正常
但在ie中看就有問題
http://www.flickr.com/photos/1399703_a79b37b7fa.jpg
http://www.flickr.com/photos/1399702_a1ac21600c.jpg
嗯... 蠻奇怪的, 因為我也是用IE看, MT就沒有問題.
我想有兩個可能:
1. 你IE裡面的Flash Player不是7.0的版本
2. plog可能不認得[embed]這個沒有結尾的標記, 你可以看看前幾樓PPgirl的問題, 建議在最後的[/object]之前加上[/embed]欺騙plog的Server試試看.
*每個瀏覽器都有不一樣的問題, IE裡面其實沒有EMBED那段也可以Run, 不過Mozila如果沒有EMBED那段就跑不出來.
Dear dAb:
很棒的Project,我個人很喜歡...
不過如果可以加上preload使用起來會應該更順手..
另外，若Media@blog可以晉升為網頁程序，相信會更方便!!
to quawn
真謝謝您看的起Media@Blog這個小玩意ㄦ
我最初的想法只是希望不會用Flash的人也能用Flash來展示複數的圖片
透過掛變數的方式, 使用它的人連flash是什麼swf是什麼都不需要懂, 只要照著做就可以
讓想一次分享很多照片的人有一個更快更好看的方式呈現
其實Blog看多了, 發現每個人的需求都不一樣
還是有很多人不介意POST太多張圖片時首頁會被拉太長的問題
再者, 我也覺得圖片一張張的夾在文字敘述之中其實也是不錯
像Media@Blog那樣把所有圖片濃縮在一格裡顯示, 好像也不見得比較好...
好像講的有點太多了XD
最後 感謝您一語驚醒夢中人
我已經為它加入了Preload的基本功能
希望在瀏覽時能夠更順暢些^^
Dear dAb:
阿你客氣了啦...
好不好這事本來就是見仁見智.
重點是你實驗與分享的動機我個人很欣賞...
其實我覺得最讚的是轉場濾鏡的變化很有趣..
像是你"小倆口\"那份照片就很有效果!!
to dAb
我跟樓上的arashiㄧ樣ㄟ~
我的也是plog~
嘗試在最後一個之前加入,還是宣告失敗~
騙不過它啦~
進去看文章原始碼,embed 那一段就是會不見~
好喜歡你的Movie@Blog,是很棒的東西~
可惜!~嗚嗚嗚~~
to mingyo
arashi兄後來好像發現問題是他在FLV檔名的欄位 多填了.flv的副檔名.
看他後來說好像可以了, 我就沒有去深究這件事.
如果在plog上面使用真的會有問題的話, 就再告知一下吧
我會找個時間解決這個問題.
迫不亟待的想試試
to dAb
並不是.flv的關係；我弄好後,firefox可以看,但IE不行.
用IE進入管理介面看文章的原始碼,embed 那一段就是會不見,就算我在最後一各前加入也是一樣;
但是用firefoxㄧ切都很正常!
感謝您的分享與教學,
相當實用。
但有以下幾個小問題，拜託您有空解答一下囉！
1.請問這個相簿的版型是否有可能改變呢？可以自行更換嗎？
2.請問可以設定自動翻頁嗎？可設定幾秒鐘自動換下一張嗎？
3.好像碰到直式和橫式交錯的照片，版型就不大合用了呢？
to DearJohn
1. 版型的部份, 想要改的話可能要懂Flash.
不過經過您的建議, 可能下回可以來個自訂背景圖吧, 或是指定色調之類的...
2. 嗯, 自動翻頁好像蠻多Flash圖片播放器都有, 不知怎的當時忘了做, 下個版本應該會加進來, 不過我個人是習慣點點點滑鼠來翻頁XD.
3. 嗯, 沒錯, 這個問題是蠻不方便的, 我自己的話是都得把直的圖處理過才放, 因為Flash好像沒有辦法是先偵測圖的大小(?).
感謝您的具體建議, 未來會作為更改時的參考 ^^
* 您的Blog樣版很好看啊!
先謝謝你的誇獎,
你的版型才炫呢~~
而且你寫了好多文章喲!真厲害!
我補充一下第2點,
最好是可以設定自動翻頁或是手動翻頁,
再補充一下第4點,
如果可以再加上夾帶mp3音樂檔的功能,
這個播放器就無敵了呢!!
很期待下個版本的出現喲~~
加油!
你好，很榮幸能使用 Media@blog!
在使用之前，重複預習了一下先前的說明與迴響，
該加 也加了，
但正式使用 Photo@blog 卻遇到一個小問題，
那就是圖片顯示不出來，
我換了三個地方，仍舊是無法成功，
後來使用你的 Blog 裡的其中一個（抱歉）原始碼，
發覺竟然可以正確無誤，不知是甚麼原因？
感謝你的 Project...
to 邱小啾
您客氣了. 您的問題有兩種可能:
1. 您可能設定(填欄位)時不小心設錯了
2. JPG一定要存成"標準"(Baseline)的格式, 一般繪圖軟體都有這個選項, 一般來說, 像機照完以後直接上傳都不會有問題, 但是如果您曾經進入繪圖軟體修改過再另存新檔, 如果該軟體預設JPG的存檔格是不是Baseline的話(例如PhotoImpact), Flash就沒有辦法顯示囉! 要避免這個問題, 盡量選擇"儲存到網頁"(Save for web)來存圖片, 並且注意裡面有沒有一個JPG格式的選項(可能有標準Baseline.漸進Progressive.等...)
因為曾經遇過第2點, 所以我傾向於是原因2. 如果兩者都不是, 請再留言, 我會再幫您解決的.
dAb 兄，你好...
果然如你第 2 點所說，改成 Baseline 就行了，
再次感謝你寫出如此方便的程式，謝謝...
這個media@blog好棒啊，忍不住給你拍拍手！
嘗試在blogger和plog試作，果然plog+ie是無法呈現的。
to Vista
還有很多不滿意的地方, 還請大家多多給些意見了^^.
Vista兄幫我確定了plog+ie無法呈現, 不過究竟是為什麼呢?
有沒有人有一些可能的想法? 因為我對plog沒什麼了解...
blogger.com 我剛剛在IE測試可以
後來又不行了 不知道為何
好像只有firefox最穩
感謝dAb 再感謝:)
to Vista
我去看了一下您的Blog, 您可能有不小心動到由CodeGen所產生出來的原始碼, 所以您網站上的原始碼與Media@Blog產生出來的不一樣喔. 請您再用Media@Blog原始碼產生器產生一次HTML代碼, 貼到Blogger以後就不會有問題了.^^
看了首頁的連結有元智
唔 請問你是元智資傳所的同學嗎？
如果是的話 那可真是後浪推前浪
讚
to dAb大大:
看完你這一篇詳細的教學之後，忍不住手癢也試了一下，這樣就不用動到 FLASH了，真的很實用的一篇教學，感謝dAb大大的用心，讓很多人都受惠了。
to dAb:
剛好碰到一個問題，想請教一下dAb，我剛剛抓了一個電影
.mov的預告片，我用RivaEncoder來轉檔成FLV，畫面是還蠻流暢的，可是卻沒有聲音，不知道是不是跟影片的code有關ㄚ?
to Petersky
是有這樣的可能. 您可以在RivaEncoder裡面右下角, 音效設定的地方調整看看, 試試看囉.
to dAb:
我照 dAb 你說的 把 RivaEncoder 的 Audio 的 Channels 調成 stereo 就有聲音了 非常感謝 dAb 的相助!!
請問如果我想放我的音樂,也是照movie的方法嗎?
還有哪個地方可以有免費的儲存空間呢??
感激不盡
受益良多，非常棒的軟體與教學，多謝！
謝謝你的Movie@blog真是方便好用
我把我去跨年在京都知恩院錄的撞鐘影片放在BLOG裡
也祝福你
一年間の煩悩を払い除け新年を迎えるために行う行事
to Emma
我去看了你的BLOG, 很有日本味喔~
在這邊補充一下
RIVA Encoder (也就是那個FLV轉檔小軟體) 裡面右邊的地方
有一個Framerate跟Bitrate 的調整欄位
Framerate 如果是數位相機拍的, 就調個15或24,
其實相機說明書裏面都會說明它錄的影片是多少Framerate, 相機能拍到多少你就調多少
Bitrate 則是越高的畫畫質越好, 不過當然檔案也會越大喔!
如果影片很長(五分鐘以上)的話, 就選160, 如果影片長度普通, 那就選360或768,
一般來說360是最適合的, 很短的影片, 想要讓畫質清楚一些動態效果更流暢的話, 才去選768的Bitrate.
以上.
謝謝您的flash，弄了好久終於完成了～這正是我想要的，超超感謝^_____________^
另外報告我卡住的原因是，原來除了檔名之外，還要建立一個跟日期相同的資料夾....
還有一項需要注意的，網誌完成後再度進入編輯模式，原本的 [ " ] 等符號會轉變為&xxx;這樣的特殊碼而導致無法顯示照片，我想這是網誌軟體編輯器本身的問題吧...@@; 提醒大家記得先備分
謝謝你這麼詳細的教學還有軟體無私的分享
目前設計中的網站正好需要這樣的功能來瀏覽照片與影片
剛好今天不小心路過這邊看到你的這個Project
心中的感動真是言語無法形容Q_Q
真的很謝謝你喔~~^_^
Many knowledges I have found here I would come back http://otk-spanking.smellout.com
真的很感謝尼提供了一個這麼好的軟體
我有一是請教！就是 我弄不出照片啦...
在Photo@blog 要貼上圖片網址處
我真的不知道要如何貼上連續幾張的圖示連結
我已經有把照片上傳到網頁空間 或相片簿裡
但通常 顯現出來的只有設置的第一張照片
不知道是哪裡出了問題
於是到這裡請教您
謝謝尼了 萬分感謝！
to 二樓后座
我想會不會是你忘了設圖片張數?
或是圖片的檔名沒有正確?
舉例 如果http://www.dab.idv.iw/images/2005_05_18/2005_05_18_1.jpg 網址貼上到IE 如果可以顯示圖片的話
那圖片路徑就是http://www.dab.idv.iw/images/
後半段的 只要日期設定好就會自動產生
像你的問題
可能就要同時試試看
http://www.dab.idv.iw/images/2005_05_18/2005_05_18_2.jpg
http://www.dab.idv.iw/images/2005_05_18/2005_05_18_3.jpg
等等...
在後面的數字往上加 測試看看
如果可以顯示圖片 就表示圖片那邊沒有問題
到時候再來看看是什麼問題好了...
謝謝尼耐心指導。
我在試試！
因為我的網路空間是中華電信的
所以顯示出來的連結網址都怪怪的
我在去找找其他的空間
謝謝尼
有問題再向您討教嚕！
這個讚,感謝分享 ^^
@chels I know what you mean, its hard to find good help these days. People now days just don't have the work ethic they used to have. I mean consider whoever wrote this post, they must have been working hard to write that good and it took a good bit of their time I am sure. I work with people who couldn't write like this if they tried, and getting them to try is hard enough as it is.
I was just chatting with my friend about this last week at dinner . Don't know how in the world we landed on the topic really, they brought it up. I do recall eating a excellent steak salad with sunflower seeds on it. I digress...
I have been just going through this post it is very well crafted, I am searching on the web trying to find out just how to begin this blog thing and your blog happens to be really professional.
Great comments so far guys. Have not seen this for a while actually that people really have something valuable to say.
Am I overthinking that?
My brother and I were just discussing this very topic, he's always endeavouring to prove me incorrect. Your view on this is wonderful and exactly how I really feel. I just now sent my brother this page to show him your current perspective. Right after overlooking your blog I added and will be coming back to read your messages!
The one complication is that new arrivals are inexact.
is actually made from some earthy materials although we operate one of the most considerate businesses around.
I must keep my nose to the grindstone.
We were grief stricken.
I expect they're right on this, but goes far beyond this opinion.
Anyhoo, of course, with the versatility this offers, there are a myriad of ways you could use.
Here's something that my Pop puts forth, Lighten up Francis!Dabblers will remember I was so in love with my new last April.
I wasn't quite sure what the strategy was.
good post i enjoy reading this site
Thank you for the sensible critique. Me & my neighbour were preparing to do some research about that. We got a good book on that matter from our local library and most books where not as influensive as your information. I am very glad to see such information which I was searching for a long time.This made very glad
You made some excellent points there. I researched this subject and found out that a lot of people will agree with your blog. My kindest regards, Lashay.