愛瑋斯坦の冒險日記にようこそ

關於部落格
「星屑のなかで出會えた奇跡が 」
  • 176138

    累積人氣

  • 1

    今日人氣

    0

    訂閱人氣

[圖文教學] 將音樂、niconico 或 youtube影片嵌入至文章 (以天空部落格為例







因為有網友問說如何將nico影片放入天空的文章裡面,因此就簡單來個教學吧!!

由於放nico影片的步驟比較麻煩一點,
在此之前,先來複習一下比較簡單嵌入影音方法吧!!




 <=鏡音リン.レン - MIDI MASTER!! 若要關掉請按暫停

歌詞連結: 絕對不敗英國紳士哲學-枒枒子




1.嵌入音樂播放器 (以XUITE為例

適時的加入背景音樂,
並且配合著文章內容自動撥放出來,
可以替文章加分許多!

但可惜的是天空的播放器並沒有支援自動播放的功能,
所以愛瑋就使用了xuite的空間充當播放器啦 (被xuite毆




1.如果想要自行上傳音樂的話,必須要有xuite的會員 (免費),申辦過程就不詳述了。




2.上傳或找到你想要嵌入至文章的音樂頁面(例如下面網址)
http://vlog.xuite.net/play/UmY1ZGYxLTI5MTYyNjkuZmx2






3.按右邊視窗中"外連"選項的自訂,會多出控制區,可設定播放器大小和是否自動播放自動重複等功能





4.設定完後,按"確定",會跑出程式碼已經複製成功的訊息
(IE以外的瀏覽器可能會有點問題,若不成功請換回IE)






5.複製成功的話應該有下列程式碼
<object width='80' height='26'><param name='allowScriptAccess' value='always'/><param name='allowFullScreen' value='true'/><param name='movie' value='http://vlog.xuite.net/_a/MjkxNjI2OQ==&ar=1&as=1'/><embed type='application/x-shockwave-flash' src='http://vlog.xuite.net/_a/MjkxNjI2OQ==&ar=1&as=1' width='80' height='26' allowScriptAccess='always' allowFullScreen='true'/></object>



6.接著要將音樂放入文章裡摟!! 首先一定要按一下"原始碼"

(這一步是重點!! 若要將程式碼放到文章中,不能直接貼到編輯區,否則會像步驟5一樣只顯示程式碼!! 同理不管是什麼影音,要嵌入到天空裡面一定要先做這一步!!)





7.貼入程式碼之後,再按一下"原始碼"





8.跑出一塊拼圖!? 這是什麼鬼!?





9.別擔心,預覽或發表文章後就變成你要的播放器啦!!














2.嵌入影片 (以YOUTUBE為例

現在這個年代,只會放入音樂就太遜啦!!
在你水管看到什麼精采的影片當然要分享一下啦!!

學會了放音樂,影片當然是給他有樣學樣的放下去啦!!



1.首先在找到影片後,按一下下方的"嵌入" ,開啟控制區
(此範例很榮幸的請到恰~~恰來幫我們做示範!!)
http://www.youtube.com/watch?v=pJ0MsLdSVzQ





2.在控制區裡面選取好播放器大小顏色之後,複製框框裡面所有的程式碼!!







3.成功複製的話,應該會出現下面程式碼!
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/pJ0MsLdSVzQ&amp;hl=zh_TW&amp;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/pJ0MsLdSVzQ&amp;hl=zh_TW&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>




4.同理,執行上面" 1.嵌入音樂播放器 (以XUITE為例 "的步驟6~步驟9,成功的話應該會像下面這樣!!
















3.嵌入影片 (以日本niconico為例

※注意!! 下面是以NICO(日本版)為例子,台灣版NICO好像不能分享到指定布洛格之外的部落格 (此段若有誤請更正)

好啦~終於來到今天的重頭戲了!!

niconico是個分享影音的平台,功能類似於youtube,是日本最大的影音平台。但有趣的是由於有提供留言功能,精彩的地方會跑一堆"彈幕"或一堆人直接在影片上面留言或討論,這也是niconico特有的文化。

此外觀看影片或者是要留言必須要先以會員的方式登入,這也造成了要嵌入niconico的影片比較麻煩。

因此下面就來介紹如何嵌入啦!!


犽犽子:喂!! 我只是問個小問題,結果你打了那麼一大篇才出現重點!!!!




1.首先先登入到影片的頁面 (以雙子的電音舞曲MIDI MASTER為例!!)
http://www.nicovideo.jp/watch/1278177511






2.耐心等到播放結束 (喂!!! 為什麼要折紙鶴阿!! )





3.感謝老天,終於播放完了,等到這個選單出現後, 選取"登録する"!!





4.之後會跑出下面選單,用版主國小時為了玩神奇寶貝(黃版)而學會的五十音拼音,"ブログ"念起來正好是"blog"的音呢!! 因此斷定"ブログに貼付"這個選項就是"貼到部落格"的意思啦!! (喂!!! 誰管你以前的歷史阿!!!)





5.按完之後會出現下面選單,上面那一排圖示都是日本的部落格平台,所以其他部落格平台的我們只好使用下面的程式碼摟~哭哭






6.我們可以看到上面紅框共有三段程式碼,那到底要貼誰呢!?
   不要緊,我三個都來試看看!! 測示成果如下:

(貼到文章的方法請參照上面1.嵌入音樂播放器 (以XUITE為例 "的步驟6~步驟9)

※不過要注意的是!! 執行完步驟8的時候並不會出現"拼圖"圖示,而會什麼都看不到,這是正常的!! 等到預覽或發表文章後自然就會出現啦!!!





NICONICO影片測試區


1.外部プレイヤー (外部player) -- 直接將影片嵌入在文章中,要看不用登入




2.動画情報 (動畫情報) --只顯示影片名稱等基本資料,要看還是要登入




3.リンク (Link) --直接連過去
【ニコニコ動画】【鏡音リンレン】MIDI MASTER!!【オリジナルPV】





2010年08月10日更新:為何外部播放器嵌入後無法看!?




 


TORCH 於  2010-08-10 02:49:44 留言:
現在nico的外部播放器是不是通通死掉啦?
我自己用不能看
版主的也不能看



板主回覆:
早上試了一下,
我貼的影片還是可以看!
你的問題可能跟遊覽器、flash撥放器版本或網路品質有關係:

1.經過測試,愛瑋使用IE8、google的chrome可以觀看。
2.但使用firefox3.5時,只會出現字幕,且斷斷續續 (可能跟flash的版本不夠新有關
3.flash版本不夠新,請去adobe官網下載最新版flash。
   http://get.adobe.com/tw/flashplayer/
4.若有安裝任何會擋java、flash的套件或功能請關掉。
5.你可以用同樣的條件去看看youtube的影片,如果還是看不到,可能就是網路品質的問題。

若有類似的問題請朝上面的方向去解決!!
若有問題再留言!!











文章就到此結束啦~希望對你/妳有幫助!!!
 
同學們下課!!!! (噹噹噹





相簿設定
標籤設定
相簿狀態