第十二次上課：多媒體(3-1)

■FLV內嵌於網頁

影音搜尋網

Fooooo - 影片搜尋引擎

測試網站1

http://tw.youtube.com

1.找到要內嵌的影片

http://tw.youtube.com/watch?v=K9T-XVg6r2U

2.將影片嵌入語法複製

3.貼在網頁內(點程式碼.貼在<body>內

附註:

YouTube影片以高畫質模式播放

測試網站2(大部分的影片無內嵌的語法)

天空部落

1.將複製到main.htm內.並點選程式碼模式.將語法插入<BODY>內

2.找到要內嵌的影片將網址複製到上述語法的value=" "及src=" "

例如影片的網址為http://mymedia.yam.com/m/2456371

將m修改為@

value=" http://mymedia.yam.com/@/2456371"及src="http://mymedia.yam.com/@/2456371"

■單一背景音樂(網頁上可加入音樂的檔案格式有:MIDI.WAV.MP3.WMA.AIFF...注意:不含RA或RM)

1.將背景音樂加入共用頁框(top.html或left.html)

2.常用工具/媒體/外掛程式/*.mid或*.mp3

3.選取外掛物件/右鍵/參數

參數	值
hidden	true
loop	true
autostart	true

4.存檔.F12測試

■串流影片

1.常用工具/媒體/外掛程式/*.wmv

2.選取外掛物件/右鍵/參數

若要自動播放加入以下的參數

參數	值
autostart	true

■mp3相關教學

一.軟體法

1.YamMusicDownload

下載

2.Super MP3 Download-(搜尋youtube上面的影音檔將它下載後轉檔成mp3)

步驟:

1.下載

2.使用下一步安裝大法

3.安裝好程式

4.第一次執行請選擇close不要選enter sn

5.上方的搜尋框就是給我們輸入mp3名稱的

6.輸入玩請按下search mp3 now

7.下方框框就會出現搜尋結果

8.要下載某個mp3，就選擇後方的Download

二.網頁解析法

CatchV - Catch your Videos (天空影音部落的網址貼入此網站.按Catch)

GooTube FLV Retriever

測試

Fooooo - 影片搜尋引擎

天空部落

http://mymedia.yam.com/m/2462682

http://mymedia.yam.com/m/2468922

解決天空太慢

打開IE/工具/網際網路選項/連線/區域網路設定/proxy打勾.輸入proxy.tpc.edu.tw 3128

■線上MP3播放器-內嵌框架 (iframe)

範例展示

■線上MP3播放器製作流程

1.下載Exobud程式解壓縮後選擇一組自己喜歡的風格複製到www資料夾內

注意：將exobud.exe解壓縮後有6組不同面版但功能一樣的資料夾（exobud_mp1.2.3.4.5.6六個資料夾）

2.將mp3歌曲複製到Exobud_ mp*內的sound資料夾內.並修改其檔名為01.mp3及02.mp3及03.mp3

3.修改播放清單的歌名-修改exobudpl.js檔

*將 "mp3歌曲1 " 的內容改為歌曲名稱（隨自己的喜好）

mkList("./sound/01.mp3","mp3歌曲1");
mkList("./sound/02.mp3","mp3歌曲2");
mkList("./sound/03.mp3","mp3歌曲3");

*若要增加2首歌曲只要再加二行語法即可

mkList("./sound/01.mp3","mp3歌曲1");
mkList("./sound/02.mp3","mp3歌曲2");
mkList("./sound/03.mp3","mp3歌曲3");
mkList("./sound/04.mp3","mp3歌曲4");
mkList("./sound/05.mp3","mp3歌曲5");

*若是mid檔則需修改為

mkList("./sound/01.mid","mid歌曲1");
mkList("./sound/02.mid","mid歌曲2");
mkList("./sound/03.mid","mid歌曲3");

4.本機測試-點選exobud_mp*的資料夾內exobud.htmd快兩下即可.按F12預覽

附註:

1.若不成功則檢查mp3音樂其檔名是否為01.mp3及02.mp3及03.mp3

2.點選網路芳鄰/465-001/94**/**/web/exobud_mp*/exobud.htm兩下觀看是否成功