第十一次上課:影片內嵌與線上音樂(1)


FLV內嵌於網頁

測試網站1

http://tw.youtube.com

1.找到要內嵌的影片

範例

http://www.youtube.com/watch?v=uuwfgXD8qV8&ob=av2e

http://www.youtube.com/watch?v=PIb6AZdTr-A

http://www.youtube.com/watch?v=3XHc0YivpOM&feature=related

http://www.youtube.com/watch?v=WtTPq4dS5tM&feature=related

2.將影片嵌入語法複製

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

 


mp3相關教學

1..音樂下載軟體(共享付費軟體.可搜尋.將youtube影片線上轉為mp3.需連網)

Super mp3 download 下載

2.將天空影音的音樂http://mymedia.yam.com/m/3351637複製到以下網站http://yamusic.ymtyo.com/(請用火狐瀏覽器)

出現檔案下載後即可下載(用火狐)



■線上MP3播放器-內嵌框架 (iframe)-僅限IE瀏覽器可正常播放

範例展示

■線上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");

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

附註:

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

2.點選網路芳鄰/465-999/99**/**/ww/exobud_mp*/exobud.htm兩下觀看是否成功