在HTML裡使用CAYIN多媒體播放器 > 多媒體播放器標籤與參數

多媒體播放器標籤與參數

鎧應的多媒體播放器可以嵌入HTML標籤，例如Flash。您可以在多媒體資料夾中播放多媒體檔案，或即時播放串流。也可以透過定義HTML中的 <object> 標籤，在瀏覽器中嵌入鎧應的多媒體播放器。

我們提供相當多有用的標籤（Tags）讓您可以在HTML裡面包含多媒體播放器，請參考下列表格與範例。

HTML 碼

1
2
3
4
5
 
<object type="TYPE Attribute" height=" Object height（pixel）" width=" Object width（pixel）">
<param name="NAME Attribute " value=" value ">
<param name="NAME Attribute " value=" value ">
<param name="NAME Attribute " value=" value ">
</object">
回到頂端

TYPE 屬性

屬性 屬性值 說明
Type video/mpeg
video/main
video/sub
video/video-in

使用者可以在一個HTML頁裡播放數個螢幕區塊。

video/main:系統使用硬體解碼。您若已啟動影片硬體解壓縮功能（播放＞播放參數），您將因使用硬體加速可以擁有較佳的效能。

video/sub:系統使用軟體解碼，影片播放效能或許不如硬體解碼，可能獲得較佳的影片格式相容性。

video/video-in 表示播放SMP播放器預設的video-in設備。

若您的HTML文件中指定播放兩部影片，建議將影片解析度比較大的項目，指定為main。

關於SMP播放器支援的影片規格，請參考播放器的規格書。
回到頂端

NAME 屬性

屬性 屬性值 說明
src

file://folder/video_filename
mms://ip_address/mms_url
http://ip_address/http_url
rtb://port
rtb://multi_cast_ip:port
rtp://port
rtp://multi_cast_ip:port

play-local-all
play-local-schedule-1
play-local-schedule-2
play-server-schedule-1

play-server-schedule-2

file: 播放Media檔案夾中的檔案
mms: Microsoft MMS 串流
http: http串流
rtb: 鎧應RTB串流
rtp: 即時傳輸協定串流
play-local-all: 播放Media檔案夾中的所有檔案
play-local-schedule-1: 依SMP本地排程的設定，播放Media檔案夾中的檔案。本功能不能與play-local-all共用。
play-server-schedule-1: 依CMS中央排程的設定，播放Media檔案夾中的檔案。本功能不能與play-local-all共用。

注意

注意：關於 ‘src’ 屬性的使用，請參考後頁的範例說明。
loop 1（default）
0 		指定是否重複播放。
fullscreen 1
0（default）		 指定以全螢幕播放。
hidden 1
0（default）		 在預設的情況下（設定為0），螢幕將不會被隱藏。當播放器被隱藏起來時，檔案仍將會被播放，聲音將不會成為靜音狀態。
ratio auto（default）
4:3 / 1:1 / 16:9 / 2.11:1 		媒體播放視窗的比例。
play-folder-all 1
0（default）

播放指定檔案夾中所有的內容
範例：

<param name=" play-folder-all " value=" folder_name ">
play-next-item 1
0（default）		 在影片播放完畢後，將播放WEB播放清單內下個項目。使用此功能時，loop 參數會被強迫設為False。
random-playlist 1
0（default）		 隨機播放播放清單的內容。
audio 1（default）
0

開啟或關閉音效。

當您的HTML中設定播放兩個video, 且主要播放影片設定為true時, 次要播放元件中的audio選項會自動關閉。
audio-output-id SMP-6000:
  • 1 (green, default)
  • 2 (orange)
  • 3 (black)
  • 4 (pink)
SMP-2000:
  • 1 (green, default)
  • 2 (pink)

此功能僅可用於SMP-6000/SMP-2000。

您可以用SMP-6000/SMP-2000控管多媒體播放器，並傳送audio至機器背板上的不同接孔。
回到頂端

範例

範例 1: 重複播放在多媒體檔案夾內的一部影片video.mpg。

1
2
3
4
5
6
7
8
9
10
11
 
<html>
<head>
</head>
<body>
<object type="video/main" width="320" height="240">
<param name="src" value="file://video.mpg">
<param name="loop" value="1">
<param name="ratio" value="4:3">
</object>
</body>
</html>

範例 2: 以全螢幕的方式，重複播放多媒體檔案夾內的一部影片video.mpg。

1
2
3
4
5
6
7
8
9
10
11
 
<html>
<head>
</head>
<body>
<object type="video/main" width="320" height="240">
<param name="src" value="file://video.mpg">
<param name="loop" value="1">
<param name="fullscreen" value="1">
</object>
</body>
</html>

範例 3: 重複播放數個在多媒體資料夾中的影片檔案如果想要播放一個播放清單的內容，您可以加入多個param標籤，並指定name為“src”。
在下面的範例當中，播放器將會順序播放1.mpg、 2.mpg、 3.mpg、 4.mpg、 5.mpg這些檔案。

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<html>
<head>
</head>
<body>
<object type="video/main" width="320" height="240">
<param name="src" value="file://1.mpg">
<param name="src" value="file://2.mpg">
<param name="src" value="file://3.mpg">
<param name="src" value="file://4.mpg">
<param name="src" value="file://5.mpg">
</object>
</body>
</html>

範例 4: 播放多媒體檔案夾內的所有影片
如果想要在多媒體檔案夾中播放所有的視訊檔案，您可以使用“play-local-all”屬性，此時播放器會自動以檔案夾內的所有影片作為播放內容，順序播放。

1
2
3
4
5
6
7
8
9
 
<html>
<head>
</head>
<body>
<object type="video/main" width="320" height="240">
<param name="play-local-all" value="1">
</object>
</body>
</html>

範例 5: 播放多媒體檔案夾內的數部影片，並在播放完畢後，自動跳到下一個Web播放清單
在下面的範例，播放器將會通知瀏覽器，並移到下個WEB播放清單項目。我們建議您將Web播放清單中所有的項目播放時間設為“永遠”。

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<html>
<head>
</head>
<body>
<object type="video/main" width="320" height="240">
<param name="src" value="file://1.mpg">
<param name="src" value="file://2.mpg">
<param name="src" value="file://3.mpg">
<param name="play-next-item" value="1">
<param name="loop" value="0">
</object>
</body>
</html>

範例 6: 由CMS中央排程控制多媒體播放清單
設定play-server-schedule屬性，讓媒體播放器由CMS下載播放清單。

1
2
3
4
5
6
7
8
9
10
11
12
 
<html>
<head>
</head>
<body>
<object type="video/main" width="320" height="240">
<param name="src" value="file://1.mpg">
<param name="src" value="file://2.mpg">
<param name="src" value="file://3.mpg">
<param name="play-server-schedule" value="1">
</object>
</body>
</html>
注意

若您的CMS伺服器版本為5.5或更新的版本，可以用<param name="play-server-schedule" value="2"> 來播放第二個多媒體中央排程（Multimedia-2）。

範例 7: 隨機播放一個子目錄內的所有影片
設定play-folder-all屬性，會讓媒體播放器播放多媒體資料夾子目錄裡的多媒體檔。利用random-playlist，可以將影片播放順序隨機排列。

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<html>
<head>
</head>
<body>
<object type="video/main" width="320" height="240">
<param name="src" value="file://1.mpg">
<param name="src" value="file://2.mpg">
<param name="src" value="file://3.mpg">
<param name="play-folder-all" value="folder_name">
<param name="random-playlist" value="1">
</object>
</body>
</html>

範例 8: 在一個網頁，同時播放兩個影片
SMP可以利用video/main跟video/sub屬性，設定播放兩部影片。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<html>
<head>
</head>
<body>
<object type="video/main" width="640" height="480">
<param name="src" value="file://1.mpg">
</object>

<object type="video/sub" width="320" height="240">
<param name="loop" value="1">
<param name="src" value="file://2.mpg">
<param name="audio" value="0">
</object>
</body>
</html>

範例 9: 播放背景音樂
如果想要建立隱藏的媒體物件，例如播出MP3音樂，您必須建立CSS規則來控制OBJECT標籤的大小屬性，並且將param name參數"hidden" 值設定為 1。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<html>
<head>
<style type="text/css">
object {
visibility: visible;
}
object.hiddenObject {
visibility: hidden !important; width: 0px  !important; height: 0px  !important; margin: 0px  !important;
padding: 0px  !important;
border-style: none  !important; border-width: 0px  !important; max-width: 0px  !important;
max-height: 0px  !important;
}
</style>
</head>
<body>
<object type="video/main" width="320" height="240" class="hiddenObject">
<param name="src" value="file://1.mpg">
<param name="hidden" value="1">
</object>
</body>
</html>

範例 10: 播放影像輸入影像

1
2
3
4
5
6
7
8
 
<html>
<head>
</head>
<body>
<object type="video/video-in" width="320" height="240">
</object>
</body>
</html>
回到頂端