Playlist
This example shows how to set a playlist in OvenPlayer.
Source
It is the smallest unit for playing video from OvenPlayer. It is generally a single content.
example
1
let player = OvenPlayer.create("player", {
2
type : "mp4",
3
file : "https://path.to/your_video",
4
framerate : 30,
5
label : "360P"
6
});
Copied!
Sources
If you have multiple protocols or multiple resolutions for a single content, you can register them at once using
sources. OvenPlayer will play a video in the order of the protocol or resolution you entered in
sources, and will automatically play the next source if playback fails.1
let player = OvenPlayer.create("player", {sources : [
2
{
3
type : "mp4",
4
file : "https://path.to/your_video",
5
framerate : 30,
6
label : "360P"
7
},
8
{
9
type : "mpd",
10
file : "https://path.to/your_video.mpd",
11
framerate : 30,
12
label: "360P DASH"
13
},
14
{
15
type : "hls",
16
file : "https://path.to/your_video.m3u8",
17
framerate : 30,
18
label: "360P HLS"
19
},
20
{
21
type : "rtmp",
22
file : "rtmp://path.to/your_video",
23
framerate : 30,
24
label: "360P RTMP"
25
}
26
] });
Copied!
Playlist
playlist has multiple sources mentioned above. You can explore between playlists, and it automatically plays the next content. Also, you can assign ads and captions for each playlist.1
let player = OvenPlayer.create("player", {
2
playlist : [
3
{
4
title : "01",
5
adTagUrl : "https://pubads.g.doubleclick.net/gampad/ads?...",
6
image : "https://path.to/your_video_thumbnail.jpeg",
7
duration : 7343,
8
sources: [ {
9
type : "mp4",
10
file : "https://path.to/your_video",
11
label : "360P"
12
}],
13
tracks: [{
14
kind : "captions",
15
file : "https://path.to/your_caption.vtt",
16
label : "KO vtt"
17
}]
18
},
19
{
20
title : "02",
21
adTagUrl : "https://pubads.g.doubleclick.net/gampad/ads?...",
22
image : "https://path.to/your_video_thumbnail2.jpeg",
23
duration : 8333,
24
sources: [ {
25
type : "mp4",
26
file : "https://path.to/your_video2",
27
label : "360P"
28
},
29
{
30
type : "mpd",
31
file : "https://path.to/your_video.mpd",
32
label: "360P DASH"
33
}
34
tracks: [{
35
kind : "captions",
36
file : "https://path.to/your_caption2.vtt",
37
label : "KO vtt"
38
}]
39
}
40
]
41
});
Copied!
Last modified 4mo ago