2 <html> |
2 <html> |
3 |
3 |
4 <head> |
4 <head> |
5 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
5 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
6 <title>Metadataplayer test with JwPlayer</title> |
6 <title>Metadataplayer test with JwPlayer</title> |
7 <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'> |
7 <!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'> |
8 <link href='test.css' rel='stylesheet' type='text/css'> |
8 --> <link href='test.css' rel='stylesheet' type='text/css'> |
9 <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script> |
9 <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script> |
10 </head> |
10 </head> |
11 |
11 |
12 <body> |
12 <body> |
13 <h1>Metadataplayer test with JwPlayer</h1> |
13 <h1>Metadataplayer test with JwPlayer</h1> |
14 <div id="LdtPlayer"></div> |
14 <div id="LdtPlayer"></div> |
15 <div id="AnnotationsListContainer"></div> |
15 <div id="AnnotationsListContainer"></div> |
|
16 <div id="SlideShareContainer"></div> |
16 <script type="text/javascript"> |
17 <script type="text/javascript"> |
17 IriSP.libFiles.defaultDir = "libs/"; |
18 IriSP.libFiles.defaultDir = "libs/"; |
18 IriSP.language = 'fr'; |
19 IriSP.language = 'fr'; |
19 IriSP.widgetsDir = "metadataplayer"; |
20 IriSP.widgetsDir = "metadataplayer"; |
20 var _metadata = { |
21 var _metadata = { |
21 url: 'json/ldt-jwplayer.json', |
22 // url: 'json/ldt-jwplayer.json', |
22 // url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/5a893570-ca73-11e1-9443-00145ea4a2be?callback=?', |
23 // url: 'http://capsicum/pf/ldtplatform/ldt/cljson/id/33e49eac-b3b0-11e1-b44d-00145ea4a2be?callback=?', |
|
24 // url: 'http://capsicum/pf/ldtplatform/ldt/cljson/id/f1a17368-2bc8-11e1-b21a-00145ea49a02', |
|
25 url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/fc0a654e-49ea-11e2-b4ad-00145ea4a2be', |
23 format: 'ldt' |
26 format: 'ldt' |
24 }; |
27 }; |
25 var _config = { |
28 var _config = { |
26 width : 550, |
29 width : 550, |
27 container : 'LdtPlayer', |
30 container : 'LdtPlayer', |
30 }, |
33 }, |
31 css : 'metadataplayer/LdtPlayer-core.css', |
34 css : 'metadataplayer/LdtPlayer-core.css', |
32 widgets: [ |
35 widgets: [ |
33 { |
36 { |
34 type: "AutoPlayer", |
37 type: "AutoPlayer", |
35 width: 550, |
|
36 autostart: true |
38 autostart: true |
37 }, |
39 }, |
38 { type: "Slider" }, |
40 { type: "Slider" }, |
39 { type: "Controller" }, |
41 { type: "Controller" }, |
40 { type: "Polemic" }, |
42 { |
41 { type: "Segments" }, |
43 type: "Polemic", |
42 { type: "Annotation" }, |
44 max_elements: 20 |
|
45 }, |
|
46 { type: "Sparkline" }, |
|
47 { type: "MultiSegments" }, |
43 { |
48 { |
44 type: "CreateAnnotation", |
49 type: "CreateAnnotation", |
45 api_endpoint_template: "post-test.php", |
50 api_endpoint_template: "post-test.php", |
46 creator_name: "Metadataplayer", |
51 creator_name: "Metadataplayer", |
47 creator_avatar: "https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png", |
52 creator_avatar: "https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png", |
48 tag_titles: ["#amateur", "#digital-humanities"] |
53 tag_titles: ["amateur", "digital-humanities"], |
|
54 //show_title_field: false, |
|
55 //show_creator_field: false, |
|
56 show_slice: false |
49 }, |
57 }, |
50 { type: "Tweet" }, |
58 { type: "Tweet" }, |
51 { |
|
52 type: "Tagger", |
|
53 api_endpoint: "post-test.php" |
|
54 }, |
|
55 { |
59 { |
56 type: "Tagcloud" |
60 type: "Tagcloud" |
57 }, |
61 }, |
58 { |
62 { |
59 type: "AnnotationsList", |
63 type: "AnnotationsList", |
60 container: "AnnotationsListContainer", |
64 container: "AnnotationsListContainer", |
61 default_thumbnail : "http://ldt.iri.centrepompidou.fr/static/site/ldt/css/imgs/video_sequence.png", |
65 default_thumbnail : "http://ldt.iri.centrepompidou.fr/static/site/ldt/css/imgs/video_sequence.png", |
62 //ajax_url: "/pf/ldtplatform/api/ldt/segments/{{media}}/{{begin}}/{{end}}", |
66 //ajax_url: "/pf/ldtplatform/api/ldt/1.0/segments/bytimecode/{{media}}/{{begin}}/{{end}}", |
63 //ajax_granularity : 300000 |
67 //ajax_granularity : 300000 |
64 }, |
68 }, |
65 { type: "Mediafragment"} |
69 { |
|
70 type: "Slideshare", |
|
71 container: "SlideShareContainer" |
|
72 }, |
|
73 { type: "Mediafragment"}, |
|
74 // { type: "Trace", |
|
75 // js_console: true } |
66 ] |
76 ] |
67 }; |
77 }; |
68 |
78 |
69 var _myPlayer = new IriSP.Metadataplayer(_config); |
79 var _myPlayer = new IriSP.Metadataplayer(_config); |
70 |
80 |