51 var _metadata = { |
52 var _metadata = { |
52 url: 'moon/moon.json', |
53 url: 'moon/moon.json', |
53 format: 'ldt' |
54 format: 'ldt' |
54 }; |
55 }; |
55 var _canPlayMp4 = document.createElement('video').canPlayType('video/mp4'); |
56 var _canPlayMp4 = document.createElement('video').canPlayType('video/mp4'); |
56 var _config = { |
57 var _config = { |
57 gui: { |
58 width : 630, |
58 width : 630, |
59 container : 'LdtPlayer', |
59 container : 'LdtPlayer', |
60 default_options: { |
60 default_options: { |
61 metadata: _metadata |
61 metadata: _metadata |
62 }, |
|
63 css : '../metadataplayer/LdtPlayer-core.css', |
|
64 widgets: [ |
|
65 { |
|
66 type: "MashupPlayer", |
|
67 // split_screen: true, |
|
68 url_transform: function(_url) { |
|
69 if (_canPlayMp4 == "maybe" || _canPlayMp4 == "probably") { |
|
70 return _url.replace(/\.webm$/i,'.mp4'); |
|
71 } else { |
|
72 return _url.replace(/\.mp4$/i,'.webm'); |
|
73 } |
|
74 |
|
75 } |
62 }, |
76 }, |
63 css : '../metadataplayer/LdtPlayer-core.css', |
77 { type: "Slider" }, |
64 widgets: [ |
78 { type: "Controller" }, |
65 { type: "Slider" }, |
79 { |
66 { type: "Controller" }, |
80 type: "Segments", |
67 { |
81 annotation_type: false |
68 type: "Segments", |
|
69 annotation_type: false |
|
70 }, |
|
71 { type: "Arrow" }, |
|
72 { |
|
73 type: "Annotation", |
|
74 annotation_type: false |
|
75 }, |
|
76 { |
|
77 type: "MediaList", |
|
78 container: "mediaList" |
|
79 }, |
|
80 { type: "Mediafragment" } |
|
81 ] |
|
82 }, |
|
83 player:{ |
|
84 type: 'mashup-html', |
|
85 url_transform: function(_url) { |
|
86 if (_canPlayMp4 == "maybe" || _canPlayMp4 == "probably") { |
|
87 return _url.replace(/\.webm$/i,'.mp4'); |
|
88 } else { |
|
89 return _url.replace(/\.mp4$/i,'.webm'); |
|
90 } |
|
91 |
|
92 }, |
82 }, |
93 height: 350, |
83 { |
94 width: 630, |
84 type: "Annotation", |
95 autostart: true, |
85 annotation_type: false |
96 metadata: _metadata |
86 }, |
97 } |
87 { |
|
88 type: "MediaList", |
|
89 container: "mediaList" |
|
90 }, |
|
91 { |
|
92 type: "AnnotationsList", |
|
93 container: "AnnotationsListContainer", |
|
94 default_thumbnail : "http://ldt.iri.centrepompidou.fr/static/site/ldt/css/imgs/video_sequence.png" |
|
95 }, |
|
96 { type: "Mediafragment" } |
|
97 ] |
98 }; |
98 }; |
99 |
99 |
100 _myPlayer = new IriSP.Metadataplayer(_config); |
100 _myPlayer = new IriSP.Metadataplayer(_config); |
101 |
101 |
102 </script> |
102 </script> |