カスタマイズ
基本機能
プレイリスト
メディアソース
仕様
| パラメーター名 | 型 | 値 | 設定 | デフォルト値 |
|---|---|---|---|---|
| sources | array | file,label,withCredentials,default,failover | 必須 | - |
説明
ビデオグプレーヤーで再生する動画を設定します。
sources[].object
仕様
| パラメーター名 | 型 | 値 | 設定 | デフォルト値 |
|---|---|---|---|---|
| file | string | url | 必須 | - |
| label | string | text | 任意 | - |
| withCredentials | boolean | true,false | 任意 | - |
| default | boolean | true,false | 任意 | - |
| failover | object | file,timeout | 任意 | null |
説明
| パラメーター名 | 説明 |
|---|---|
| file | ビデオファイル、オーディオファイル、またはライブストリーム、WebRTCストリーム(wss,mediaStream)のurlを設定します。 |
| label | 動画の品質が2つ以上ある場合に、動画の品質選択メニューに表示されるメディアソースのラベルを設定します。 |
| withCredentials | HLSプロトコルかつ、CORS認証の制限をかけるときはwithCredentialsをtrueに設定します。 |
| default | 起動時に再生するメディアソースを設定します。どのメディアソースに対しても設定されていない場合は、最初のソースが使用されます |
| failover | fileが読み込めない場合に、代わりに再生する動画を設定します。 |
sources[].failover.object
仕様
| パラメーター名 | 型 | 値 | 設定 | デフォルト値 |
|---|---|---|---|---|
| file | string | url | 必須 | null |
| timeout | integer | number | 任意 | 10 |
説明
| パラメーター名 | 説明 |
|---|---|
| file | メインのfileが読み込まれない時に利用されるビデオファイル、オーディオファイル、またはライブストリーム、WebRTCストリーム(wss,mediaStream)のurlを設定します。 |
| timeout | failoverの判定に利用するタイムアウト値を設定する。 |
コードサンプル
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
const options = {
playlist: [
{
sources: [
{
file:'https://sample1.jp/1080p.mp4',
label:'1,080p'
},
{
file:'https://sample1.jp/720p.mp4',
label:'720p'
},
{
file:'https://sample1.jp/480p.mp4',
label:'480p',
default:true,
failover:{
file: "https://sample.jp/failover/fhd.mp4",
timeout: 3
}
},
],
...
},
...
],
};
const player = videogplayer('video_tag_id', options);