JW MEDIA PLAYER FLASH 影音播放器

可播放 MP3, FLV, SWF, JPG, PNG and GIF 檔案...支援 RSS , XSPF 和 ATOM 播放清單
還可以全螢幕播放, 加入影片字幕及在播放器中加入SWF LOGO 等等強大功能.......
官方網頁: http://www.jeroenwijering.com/
設定頁面: http://www.jeroenwijering.com/extras/wizard.html

下面依序介紹設定頁面中5種 JW MEDIA PLAYER 的基本設定  上面三種只要知道 MP3 或 FLV 檔案位址就可以使用
如果要有播放多首歌曲或多種檔案類型的 PLAYER ,可以選擇最後兩種播放器
將語法複製修改後貼至網頁 <body></body> 之間
BLOG 使用者可貼在文章內容區網誌描述或其他描述欄位或其他自訂欄位 / 皆可

文章中只介紹 embed 語法,官網的 flashobject 語法有點問題...IE 無法顯示
如果不喜歡出現「點按以啟用並使用這個控制項」的訊息
可參考以下文章去修改 embed code
[教學] Flash 出現 [點按以啟用並使用這個控制項] 的訊息 (上)
[教學] Flash 出現 [點按以啟用並使用這個控制項] 的訊息 (下)

相關 XML 檔案的寫法,會再下篇文章中介紹
或至官方XML說明頁面 http://www.jeroenwijering.com/extras/readme.html#playlists


下載 JW Media Player 3.9


A Signle FLV File

基本 FLV 影片播放器
語法範例如下:
語法說明
 ■ src="http://www.jeroenwijering.com/embed/mediaplayer.swf" 播放器位址
  ( 此 swf 是官網位址…隨時會更新版本! 如不希望更新可上傳至自己的網路位址 )
 ■ width="320" 播放器寬度 ( 可自行設定 )
 ■ height="180" 播放器高度 ( 可自行設定 )
 ■ allowfullscreen="ture" 是否播放全螢幕;是 ture 否 flase
 ■ flashvars=". . . . . . . . . . ." 此項是控制播放器的內容;用「&」隔開語法
   ■ file=". . . . . . . . . . ." FLV 影片位址
   ■ location=". . . . . . . . . . ." 播放器位址(需跟上方的 src 位址相同)
   ■ autostart=". . . . . . . . . . ." 是否自動播放;是 ture 否 flase ( 或是可省略此語法 )


A Line With Single MP3 File

MP3 單曲播放器
語法範例如下:
語法說明
 ■ src="http://www.jeroenwijering.com/embed/mediaplayer.swf" 播放器位址
  ( 此 swf 是官方位址…隨時會更新版本! 如不希望更新可上傳至自己的網路位址 )
 ■ width="320" 播放器寬度 ( 可自行設定 )
 ■ height="20" 播放器高度 ( 預設高度20… )
  ( 太大上面會出現黑色色塊;太小播放器會被裁掉;建議不要更改 )
 ■ allowfullscreen="ture" 是否播放全螢幕;是 ture 否 flase ( 用在播放 MP3 這段可省略 )
 ■ flashvars=". . . . . . . . . . ." 此項是控制播放器的內容;用「&」隔開語法
   ■ file=". . . . . . . . . . ." MP3 音樂位址
   ■ location=". . . . . . . . . . ." 播放器位址(需跟上方的 src 位址相同)
   ■ autostart=". . . . . . . . . . ." 是否自動播放;是 ture 否 flase ( 或是可省略此語法 )


Single FLV , With Full Display And Preview

FLV 影片播放器
可預覽圖片及隱藏控制列


語法範例如下:
語法說明

 此播放器跟上方基本 FLV 播放器只差異在 flashvars 參數裡多了「displayheight」「image」

 ■ displayheight=240 影片顯示區塊大小 ( 可自行設定 )
  height 和 displayheight 的值相同,控制列就會隱藏;
  height 的值再加 20 ( 控制器的預設高度 ) 就會顯示控制列

 ■ image=http://. . . . . . . 預覽圖片位址 ( 可自行設定 )



Playlist Below , Using Mixed Media Files

綜合播放器
可播放 JPG、PNG、GIF 圖片 / FLV 影片 / SWF 動畫 / MP3 音樂


語法範例如下:
語法說明

 此播放器需上傳 XML 檔案才能使用;如果XML連結失效的話播放器就無法開啟 !!!
 height 的值必需大於 displayheight 的值,否則無法顯示播放列表
 XML 檔案的語法…會在下篇文章中介紹

 ■ file=". . . . . . . . . . ." XML 檔案位址
 ■ location=". . . . . . . . . . ." 播放器位址(需跟上方的 src 位址相同)


Playlist To The Right , All MP3's

MP3 多曲播放器
可顯示專輯圖片及播放選單


語法範例如下:

語法說明

 圖片大小=displaywidth ( 注意跟上一個播放器不太一樣...這個是 width )
 所以displaywidth不會影響播放器高度…只會影響到圖片的比例大小
 如果使用的圖片是正方型 200*200 (w*h)
 設定值為: displaywidth=200 height=220 ( displaywidth+20 )
 如果使用的圖片是長方型 320*100 (w*h)
 設定值為: displaywidth=320 height=120 ( displayheight+20 )
 此播放器需上傳 XML 檔案才能使用;如果XML連結失效的話播放器就無法開啟 !!!
 XML 檔案的語法…會在下篇文章中介紹

 ■ file=". . . . . . . . . . ." XML 檔案位址
 ■ location=". . . . . . . . . . ." 播放器位址(需跟上方的 src 位址相同)

arrow
arrow
    全站熱搜

    Galaxy1981 發表在 痞客邦 留言(10) 人氣()