1 <!doctype html> |
1 <!DOCTYPE html> |
2 <html> |
2 <html> |
|
3 <head> |
|
4 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
|
5 <title>Metadataplayer test with Renkan</title> |
|
6 <link href="open-sans/css/fonts.css" rel="stylesheet" type="text/css" /> |
|
7 <link href="test.css" rel="stylesheet" type="text/css" /> |
|
8 <script |
|
9 type="text/javascript" |
|
10 src="metadataplayer/LdtPlayer-core.js" |
|
11 type="text/javascript" |
|
12 ></script> |
|
13 <style type="text/css"> |
|
14 #MainContainer { |
|
15 width: 1180px; |
|
16 margin: 0 auto; |
|
17 } |
|
18 #RenkanContainer { |
|
19 float: left; |
|
20 width: 600px; |
|
21 height: 500px; |
|
22 margin: 5px; |
|
23 } |
|
24 </style> |
|
25 </head> |
3 |
26 |
4 <head> |
27 <body> |
5 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
28 <h1>Metadataplayer test with Renkan</h1> |
6 <title>Metadataplayer test with Renkan</title> |
29 <div id="MainContainer"> |
7 <link href='open-sans/css/fonts.css' rel='stylesheet' type='text/css'> |
30 <div id="LdtPlayer"></div> |
8 <link href='test.css' rel='stylesheet' type='text/css'> |
31 <div id="RenkanContainer"></div> |
9 <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script> |
32 </div> |
10 <style type="text/css"> |
33 <script type="text/javascript"> |
11 #MainContainer { |
34 IriSP.language = "fr"; |
12 width: 1180px; |
35 IriSP.widgetsDir = "metadataplayer"; |
13 margin: 0 auto; |
36 var _metadata = { |
14 } |
37 // url: 'json/ldt-jwplayer.json', |
15 #RenkanContainer { |
38 url: "http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/67280b1c-ff30-11e0-a82d-00145ea49a02?callback=?", |
16 float: left; |
39 format: "ldt", |
17 width: 600px; |
40 }; |
18 height: 500px; |
41 var _config = { |
19 margin: 5px; |
42 width: 550, |
20 } |
43 container: "LdtPlayer", |
21 </style> |
44 default_options: { |
22 </head> |
45 metadata: _metadata, |
23 |
46 }, |
24 <body> |
47 css: "metadataplayer/LdtPlayer-core.css", |
25 <h1>Metadataplayer test with Renkan</h1> |
48 widgets: [ |
26 <div id="MainContainer"> |
49 { |
27 <div id="LdtPlayer"></div> |
|
28 <div id="RenkanContainer"></div> |
|
29 </div> |
|
30 <script type="text/javascript"> |
|
31 IriSP.libFiles.defaultDir = "libs/"; |
|
32 IriSP.language = 'fr'; |
|
33 IriSP.widgetsDir = "metadataplayer"; |
|
34 var _metadata = { |
|
35 // url: 'json/ldt-jwplayer.json', |
|
36 url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/67280b1c-ff30-11e0-a82d-00145ea49a02?callback=?', |
|
37 format: 'ldt' |
|
38 }; |
|
39 var _config = { |
|
40 width : 550, |
|
41 container : 'LdtPlayer', |
|
42 default_options: { |
|
43 metadata: _metadata |
|
44 }, |
|
45 css : 'metadataplayer/LdtPlayer-core.css', |
|
46 widgets: [ |
|
47 { |
|
48 type: "JwpPlayer", |
50 type: "JwpPlayer", |
49 live: true, |
51 live: true, |
50 height: 350, |
52 height: 350, |
51 width: 550, |
53 width: 550, |
52 provider: "rtmp", |
54 provider: "rtmp", |
53 streamer: function(_url) { |
55 streamer: function (_url) { |
54 var _matches = _url.match(/^[^\/]+\/\/[^\/]+\/[^\/]+\//); |
56 var _matches = _url.match(/^[^\/]+\/\/[^\/]+\/[^\/]+\//); |
55 if (_matches) { |
57 if (_matches) { |
56 return _matches[0]; |
58 return _matches[0]; |
57 } else { |
59 } else { |
58 return _url; |
60 return _url; |
59 } |
61 } |
60 } |
62 }, |
61 }, |
63 }, |
62 { type: "Slider" }, |
64 { type: "Slider" }, |
63 { type: "Controller" }, |
65 { type: "Controller" }, |
64 { type: "Polemic" }, |
66 { type: "Polemic" }, |
65 { type: "Segments" }, |
67 { type: "Segments" }, |
66 { type: "Annotation" }, |
68 { type: "Annotation" }, |
67 { type: "Tweet" }, |
69 { type: "Tweet" }, |
68 { |
70 { |
69 type: "Renkan", |
71 type: "Renkan", |
70 container: "RenkanContainer", |
72 container: "RenkanContainer", |
71 data: "json/renkan.json" |
73 data: "json/renkan.json", |
72 }, |
74 }, |
73 { type: "Mediafragment"} |
75 { type: "Mediafragment" }, |
74 ] |
76 ], |
75 }; |
77 }; |
76 |
78 |
77 var _myPlayer = new IriSP.Metadataplayer(_config); |
79 var _myPlayer = new IriSP.Metadataplayer(_config); |
78 |
80 </script> |
79 </script> |
81 </body> |
80 </body> |
|
81 </html> |
82 </html> |