forked from videojs/videojs-contrib-dash
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (94 loc) · 3.18 KB
/
index.html
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Test Player</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="node_modules/video.js/dist/video-js.css">
</head>
<body>
<p>BBB</p>
<video id="player" width=600 height=300 class="video-js vjs-default-skin" controls></video>
<p>BBB - oceans track</p>
<video id="player-ocean" width=600 height=300 class="video-js vjs-default-skin" controls crossorigin="anonymous">
<track default kind="captions" src="https://vjs.zencdn.net/v/oceans.vtt" srclang="en" label="Oceans">
</video>
<p>Angel One - broken subs</p>
<video id="angel-one" width=600 height=300 class="video-js vjs-default-skin" controls></video>
<p>Angel One - DRM</p>
<video id="angel-one-drm" width=600 height=300 class="video-js vjs-default-skin" controls></video>
<p>Livesim</p>
<video id="live-player" width=600 height=300 class="video-js vjs-default-skin" controls></video>
<p>Livesim - multi-subs</p>
<video id="live-subs-player" width=600 height=300 class="video-js vjs-default-skin" controls></video>
<script src="node_modules/video.js/dist/video.js"></script>
<script src="node_modules/dashjs/dist/dash.all.debug.js"></script>
<script src="dist/videojs-dash.js"></script>
<script>
var
player = videojs('player', {
html5: {
dash: {
limitBitrateByPortal: true
}
}
}),
playerOcean = videojs('player-ocean'),
angelOne = videojs('angel-one'),
angelOneDrm = videojs('angel-one-drm'),
livePlayer = videojs('live-player'),
liveSubsPlayer = videojs('live-subs-player', {
html5: {
dash: {
useTTML: true
}
}
});
player.ready(function() {
player.src({
src: 'http://dash.edgesuite.net/akamai/bbb_30fps/bbb_30fps.mpd',
type: 'application/dash+xml'
});
});
playerOcean.ready(function() {
playerOcean.src({
src: 'http://dash.edgesuite.net/akamai/bbb_30fps/bbb_30fps.mpd',
type: 'application/dash+xml'
});
});
angelOne.ready(function(){
angelOne.src({
src: 'https://storage.googleapis.com/shaka-demo-assets/angel-one/dash.mpd',
type: 'application/dash+xml'
});
});
angelOneDrm.ready(function(){
angelOneDrm.src({
src: 'https://storage.googleapis.com/shaka-demo-assets/angel-one-widevine/dash.mpd',
type: 'application/dash+xml',
keySystemOptions: [
{
name: 'com.widevine.alpha',
options: {
serverURL: 'https://cwip-shaka-proxy.appspot.com/no_auth'
}
}
]
});
});
livePlayer.ready(function(){
livePlayer.src({
src: 'http://livesim.dashif.org/livesim/mup_30/testpic_2s/Manifest.mpd',
type: 'application/dash+xml'
});
});
liveSubsPlayer.ready(function(){
liveSubsPlayer.src({
src: 'https://livesim.dashif.org/dash/vod/testpic_2s/multi_subs.mpd',
type: 'application/dash+xml'
});
});
</script>
</body>
</html>