|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <head> |
|
4 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
|
5 <title>Metadataplayer test with iriressources</title> |
|
6 <!-- <link href='open-sans/css/fonts.css' rel='stylesheet' type='text/css'> |
|
7 --> |
|
8 <link href="test.css" rel="stylesheet" type="text/css" /> |
|
9 <link href="/src/main.module.css" rel="stylesheet" type="text/css" /> |
|
10 </head> |
|
11 |
|
12 <body> |
|
13 <h1>Metadataplayer test with iri ressources</h1> |
|
14 |
|
15 <div id="ld-video-embed"> |
|
16 <div |
|
17 id="player_project_330760fc-a31f-11e5-8011-00145ea4a2be_embed" |
|
18 style="float: left; width: 550; margin-bottom: 20px; margin-top: 20px" |
|
19 class="iri_player_embed" |
|
20 ></div> |
|
21 <script type="module"> |
|
22 import LdtPlayerCore from "/src/main.js"; |
|
23 if (typeof jQuery == "undefined") { |
|
24 jQuery = IriSP.jQuery; |
|
25 } |
|
26 var metadatas = { |
|
27 metadata: { |
|
28 url: "https://ldt.iri.centrepompidou.fr/ldtplatform/api/ldt/1.0/contents/all/84762f8c-a31e-11e5-8011-00145ea4a2be/", |
|
29 }, |
|
30 }; |
|
31 var metadata_key = "metadata"; |
|
32 IriSP.libFiles.defaultDir = |
|
33 "https://ldt.iri.centrepompidou.fr/static/site/ldt/js/"; |
|
34 IriSP.libFiles.locations.jwPlayerSWF = |
|
35 "https://ldt.iri.centrepompidou.fr/static/site/ldt/swf/player.swf"; |
|
36 IriSP.libFiles.locations.recordMicSwf = |
|
37 "https://ldt.iri.centrepompidou.fr/static/site/ldt/swf/record_mic.swf"; |
|
38 IriSP.libFiles.locations.zeroClipboardSwf = |
|
39 "https://ldt.iri.centrepompidou.fr/static/site/ldt/swf/ZeroClipboard10.swf"; |
|
40 IriSP.libFiles.locations.cssjQueryUI = |
|
41 "https://ldt.iri.centrepompidou.fr/static/site/ldt/css/jq-css/themes/base/jquery-ui.css"; |
|
42 IriSP.language = "fr-fr"; |
|
43 |
|
44 IriSP.widgetsDir = |
|
45 "https://ldt.iri.centrepompidou.fr/static/site/ldt/metadataplayer"; |
|
46 var _metadata = { |
|
47 url: metadatas[metadata_key].url, |
|
48 format: "ldt", |
|
49 }; |
|
50 var _config = { |
|
51 width: "550", |
|
52 container: |
|
53 "player_project_330760fc-a31f-11e5-8011-00145ea4a2be_embed", |
|
54 css: "https://ldt.iri.centrepompidou.fr/static/site/ldt/metadataplayer/LdtPlayer-core.css", |
|
55 default_options: { |
|
56 metadata: _metadata, |
|
57 }, |
|
58 widgets: [ |
|
59 { |
|
60 type: "AutoPlayer", |
|
61 streamer: function (_url) { |
|
62 var _matches = _url.match(/^[^\/]+\/\/[^\/]+\/[^\/]+\//); |
|
63 if (_matches) { |
|
64 return _matches[0]; |
|
65 } else { |
|
66 return _url; |
|
67 } |
|
68 }, |
|
69 url_transform: function (url) { |
|
70 // Adaptation to jwplayer 6 |
|
71 if (url.substr(url.length - 4).toLowerCase() === ".flv") { |
|
72 return url.replace( |
|
73 "/ddc_player/video/", |
|
74 "/ddc_player/flv:video/" |
|
75 ); |
|
76 } |
|
77 return url.replace( |
|
78 "/ddc_player/video/", |
|
79 "/ddc_player/mp4:video/" |
|
80 ); |
|
81 }, |
|
82 height: 300, |
|
83 autostart: true, |
|
84 }, |
|
85 { |
|
86 type: "Slider", |
|
87 }, |
|
88 { |
|
89 type: "Controller", |
|
90 }, |
|
91 { |
|
92 type: "Mediafragment", |
|
93 }, |
|
94 { |
|
95 type: "Polemic", |
|
96 annotation_type: ["tweet"], |
|
97 defaultcolor: "#585858", |
|
98 foundcolor: "#fc00ff", |
|
99 default_version: "3", |
|
100 max_elements: "50", |
|
101 polemics: { |
|
102 1: [ |
|
103 { keywords: ["++"], color: "#1D973D", name: "OK" }, |
|
104 { keywords: ["--"], color: "#CE0A15", name: "KO" }, |
|
105 { |
|
106 keywords: ["==", "http://"], |
|
107 color: "#C5A62D", |
|
108 name: "REF", |
|
109 }, |
|
110 { keywords: ["?"], color: "#036AAE", name: "Q" }, |
|
111 ], |
|
112 3: [ |
|
113 { keywords: ["++"], color: "#196be6", name: "OK" }, |
|
114 { keywords: ["??"], color: "#e6b919", name: "KO" }, |
|
115 { |
|
116 keywords: ["**", "http://", "https://"], |
|
117 color: "#e619e6", |
|
118 name: "REF", |
|
119 }, |
|
120 { keywords: ["=="], color: "#42e619", name: "Q" }, |
|
121 ], |
|
122 2: [ |
|
123 { keywords: ["++"], color: "#1D973D", name: "OK" }, |
|
124 { keywords: ["!!"], color: "#CE0A15", name: "KO" }, |
|
125 { |
|
126 keywords: ["==", "http://"], |
|
127 color: "#C5A62D", |
|
128 name: "REF", |
|
129 }, |
|
130 { keywords: ["?"], color: "#036AAE", name: "Q" }, |
|
131 ], |
|
132 }, |
|
133 }, |
|
134 { |
|
135 type: "Polemic", |
|
136 annotation_type: ["chat"], |
|
137 defaultcolor: "#9b8864", |
|
138 foundcolor: "#fc00ff", |
|
139 default_version: "3", |
|
140 max_elements: "100", |
|
141 polemics: { |
|
142 1: [ |
|
143 { keywords: ["++"], color: "#1D973D", name: "OK" }, |
|
144 { keywords: ["--"], color: "#CE0A15", name: "KO" }, |
|
145 { |
|
146 keywords: ["==", "http://"], |
|
147 color: "#C5A62D", |
|
148 name: "REF", |
|
149 }, |
|
150 { keywords: ["?"], color: "#036AAE", name: "Q" }, |
|
151 ], |
|
152 3: [ |
|
153 { keywords: ["++"], color: "#196be6", name: "OK" }, |
|
154 { keywords: ["??"], color: "#e6b919", name: "KO" }, |
|
155 { |
|
156 keywords: ["**", "http://", "https://"], |
|
157 color: "#e619e6", |
|
158 name: "REF", |
|
159 }, |
|
160 { keywords: ["=="], color: "#42e619", name: "Q" }, |
|
161 ], |
|
162 2: [ |
|
163 { keywords: ["++"], color: "#1D973D", name: "OK" }, |
|
164 { keywords: ["!!"], color: "#CE0A15", name: "KO" }, |
|
165 { |
|
166 keywords: ["==", "http://"], |
|
167 color: "#C5A62D", |
|
168 name: "REF", |
|
169 }, |
|
170 { keywords: ["?"], color: "#036AAE", name: "Q" }, |
|
171 ], |
|
172 }, |
|
173 }, |
|
174 { |
|
175 type: "Sparkline", |
|
176 lineColor: "#7492b4", |
|
177 fillColor: "#aeaeb8", |
|
178 }, |
|
179 { |
|
180 type: "MultiSegments", |
|
181 }, |
|
182 { |
|
183 type: "Annotation", |
|
184 start_minimized: true, |
|
185 site_name: "Lignes de Temps", |
|
186 annotation_type: ["chap", "découpage"], |
|
187 }, |
|
188 { |
|
189 type: "Tweet", |
|
190 hide_timeout: 5000, |
|
191 }, |
|
192 { |
|
193 type: "AnnotationsList", |
|
194 ajax_url: |
|
195 "https://ldt.iri.centrepompidou.fr/ldtplatform/api/ldt/1.0/segments/bytimecode///", |
|
196 container: "AnnotationsList_ext", |
|
197 ajax_granularity: 300000, |
|
198 default_thumbnail: |
|
199 "http://ldt.iri.centrepompidou.fr/static/site/ldt/css/imgs/video_sequence.png", |
|
200 show_audio: true, |
|
201 rtmp_streamer: |
|
202 "rtmp://media.iri.centrepompidou.fr/ddc_micro_record/", |
|
203 }, |
|
204 ], |
|
205 }; |
|
206 |
|
207 const _myPlayer = new IriSP.Metadataplayer(_config); |
|
208 </script> |
|
209 <div |
|
210 id="AnnotationsList_ext" |
|
211 class="ext_widget Ldt-TraceMe Ldt-Widget" |
|
212 style="float: left; width: 400px; margin-bottom: 10px; margin-top: 10px" |
|
213 widget-type="AnnotationsList" |
|
214 ></div> |
|
215 </div> |
|
216 </body> |
|
217 </html> |