在blogspot／blogger.com裡，加入flash。（一）
有朋友問：如何在在blogspot／blogger.com裡，加入flash的物件。
其實很簡單，需要兩樣東西：
一，flash插件（plugin）的編碼（html code）。
二，flash物件的網址（URL）。
這樣解釋很難說清楚，不如大家跟著我一起做，我想會比較容易吸收。我會舉出兩個例子，一個是播放音樂的flash，另外一個是播放動畫的flash。
首先，我們開始一篇新的文章。
然後，按Edit Html的按鈕，把以下的編碼抄到文章裡頭。
如果你按Compose，你將不會看到任何東西。但是如果你按Priview的話，就會見到歌曲播放器。這就是文章發佈以後的樣子。
好，按Edit Html，我們需要設定歌曲的網址，這網址就是mp3所在的地方。在這例子中，大家可以看到，mp3的檔案是放在我的伺服器裡。只要尋找到適合的mp3網址，然後取代紅色的那一行代碼就行了。
最後，讓我簡約的解釋，這些編碼的意義。
青色的部份是告訴系統這是一個flash物件，是必須有的編碼。如果你在google尋找flash插件的編碼，可能會找到更複雜的編碼，因為那些編碼都有除錯的功能。但是這些複雜的編碼，在各個瀏覽器都會有不一樣的表現，而我發現我現在使用的這套編碼，最簡單也最不容易出錯。
藍色的部份是告訴瀏覽器，flash物件的所在，所以如果你找到其他的flash物件，也可以取代藍色的文字。
紅色的部份是flash物件需要的資料，不是每一個flash物件都需要的。在這個例子裡，flash物件就需要知道mp3的檔案在那裡。
flash物件和mp3的檔案都需要伺服器安置，所以如果大家沒有自己的伺服器，可以寄放在我的伺服器裡頭。
我個人比較喜歡flash的歌曲播放器，是因為任何系統都能播放，不需要依賴電腦裡特有的軟件。絕對比那些使用windows media player的方法好，因為幾乎所有電腦、手機都會裝有flash插件，但是不是所有裝置都有windows media player。大部份Linux和Mac OS的電腦，都不會有Windows的插件。
如果想看到實際的例子，可以到「天籟之音」去看看。
下一篇，我們來看看如何播放flash的動畫，敬請期待。
---
其實很簡單，需要兩樣東西：
一，flash插件（plugin）的編碼（html code）。
二，flash物件的網址（URL）。
這樣解釋很難說清楚，不如大家跟著我一起做，我想會比較容易吸收。我會舉出兩個例子，一個是播放音樂的flash，另外一個是播放動畫的flash。
首先，我們開始一篇新的文章。
然後，按Edit Html的按鈕，把以下的編碼抄到文章裡頭。
<object type="application/x-shockwave-flash" data="http://theangelxiang.blogdirection.com/mp3streaming/player_mp3.swf" width="200" height="20">
<param name="movie" value="http://theangelxiang.blogdirection.com/mp3streaming/player_mp3.swf">
<param name="FlashVars" value="mp3=http://theangelxiang.blogdirection.com/mp3streaming/65congratulation.mp3"></object>
<param name="movie" value="http://theangelxiang.blogdirection.com/mp3streaming/player_mp3.swf">
<param name="FlashVars" value="mp3=http://theangelxiang.blogdirection.com/mp3streaming/65congratulation.mp3"></object>
如果你按Compose，你將不會看到任何東西。但是如果你按Priview的話，就會見到歌曲播放器。這就是文章發佈以後的樣子。
好，按Edit Html，我們需要設定歌曲的網址，這網址就是mp3所在的地方。在這例子中，大家可以看到，mp3的檔案是放在我的伺服器裡。只要尋找到適合的mp3網址，然後取代紅色的那一行代碼就行了。
<object type="application/x-shockwave-flash" data="http://theangelxiang.blogdirection.com/mp3streaming/player_mp3.swf" width="200" height="20">
<param name="movie" value="http://theangelxiang.blogdirection.com/mp3streaming/player_mp3.swf">
<param name="FlashVars" value="mp3=http://theangelxiang.blogdirection.com/mp3streaming/65congratulation.mp3"></object>
<param name="movie" value="http://theangelxiang.blogdirection.com/mp3streaming/player_mp3.swf">
<param name="FlashVars" value="mp3=http://theangelxiang.blogdirection.com/mp3streaming/65congratulation.mp3"></object>
最後，讓我簡約的解釋，這些編碼的意義。
青色的部份是告訴系統這是一個flash物件，是必須有的編碼。如果你在google尋找flash插件的編碼，可能會找到更複雜的編碼，因為那些編碼都有除錯的功能。但是這些複雜的編碼，在各個瀏覽器都會有不一樣的表現，而我發現我現在使用的這套編碼，最簡單也最不容易出錯。
藍色的部份是告訴瀏覽器，flash物件的所在，所以如果你找到其他的flash物件，也可以取代藍色的文字。
紅色的部份是flash物件需要的資料，不是每一個flash物件都需要的。在這個例子裡，flash物件就需要知道mp3的檔案在那裡。
<object type="application/x-shockwave-flash" data="http://theangelxiang.blogdirection.com/mp3streaming/player_mp3.swf" width="200" height="20">
<param name="movie" value="http://theangelxiang.blogdirection.com/mp3streaming/player_mp3.swf">
<param name="FlashVars" value="mp3=http://theangelxiang.blogdirection.com/mp3streaming/65congratulation.mp3"></object>
<param name="movie" value="http://theangelxiang.blogdirection.com/mp3streaming/player_mp3.swf">
<param name="FlashVars" value="mp3=http://theangelxiang.blogdirection.com/mp3streaming/65congratulation.mp3"></object>
flash物件和mp3的檔案都需要伺服器安置，所以如果大家沒有自己的伺服器，可以寄放在我的伺服器裡頭。
我個人比較喜歡flash的歌曲播放器，是因為任何系統都能播放，不需要依賴電腦裡特有的軟件。絕對比那些使用windows media player的方法好，因為幾乎所有電腦、手機都會裝有flash插件，但是不是所有裝置都有windows media player。大部份Linux和Mac OS的電腦，都不會有Windows的插件。
如果想看到實際的例子，可以到「天籟之音」去看看。
下一篇，我們來看看如何播放flash的動畫，敬請期待。
---
Comments
Post a Comment
歡迎大家的留言。如果你喜歡這篇文章，記得按臉書按鈕，把這篇文章分享給你的朋友看。