| author | veltr |
| Thu, 22 Mar 2012 18:42:31 +0100 | |
| branch | popcorn-port |
| changeset 837 | 353a78021ebc |
| parent 836 | 526f91f5253e |
| child 838 | 03b03865eb9b |
| permissions | -rw-r--r-- |
|
819
9b8e68803f6f
add allocine player, and add an full test with this allocine player.
cavaliet
parents:
diff
changeset
|
1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
|
9b8e68803f6f
add allocine player, and add an full test with this allocine player.
cavaliet
parents:
diff
changeset
|
2 |
<html dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr"> |
| 835 | 3 |
<head> |
4 |
<title>Metadataplayer - Polemic tweet integration test</title> |
|
5 |
</head> |
|
6 |
<body style="background: #222222; color: #ffffff;"> |
|
7 |
<div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial', 'Verdana', 'sans-serif';"> |
|
8 |
<h1>MetaDataPlayer</h1> |
|
9 |
Integration test - ALLOCINE PLAYER |
|
10 |
</div> |
|
11 |
<!-- START Integration ###################################### --> |
|
12 |
<!-- SIMPLE PLAYER EXPERIMENTATION --> |
|
| 836 | 13 |
<script type="text/javascript" src="js/LdtPlayer-release.js" type="text/javascript"></script> |
| 835 | 14 |
<div id="video"></div> |
15 |
<div id="LdtPlayer"></div> |
|
16 |
<div id="Sparkline"></div> |
|
17 |
<script type="text/javascript"> |
|
18 |
var json_url = 'allocine_test/bamako.json'; |
|
|
819
9b8e68803f6f
add allocine player, and add an full test with this allocine player.
cavaliet
parents:
diff
changeset
|
19 |
|
| 835 | 20 |
IriSP.user = { |
21 |
name : 'awesome_user_name', |
|
22 |
avatar : 'allocine_test/avatar.png' |
|
23 |
}; |
|
| 836 | 24 |
IriSP.libdir = "js/libs/"; |
| 835 | 25 |
IriSP.defaults.user = function() { |
26 |
return IriSP.user; |
|
27 |
}; |
|
28 |
var config = { |
|
29 |
gui : { |
|
30 |
width : 610, |
|
31 |
height : 2100, |
|
32 |
container : 'LdtPlayer', |
|
33 |
css : 'css/LdtPlayer.css', |
|
34 |
default_options : { |
|
35 |
metadata : { |
|
36 |
format : 'cinelab', |
|
37 |
src : json_url, |
|
38 |
type : 'json' |
|
39 |
}, |
|
40 |
cinecast_version : true, |
|
41 |
width : 610 |
|
42 |
}, |
|
43 |
widgets : [{ |
|
44 |
type : "AnnotationsListWidget", |
|
45 |
container : "AnnotationsListContainer", |
|
46 |
ajax_mode : false |
|
47 |
}, { |
|
48 |
type : "SparklineWidget", |
|
49 |
height : 50, |
|
50 |
lineColor: "#ffffff", |
|
51 |
fillColor: "#999999" |
|
52 |
}, { |
|
53 |
type : "SliderWidget" |
|
54 |
}, { |
|
55 |
type : "PlayerWidget", |
|
56 |
disable_annotate_btn : true, |
|
57 |
disable_search_btn : true |
|
58 |
}, { |
|
59 |
type : "SegmentsWidget", |
|
60 |
requires : [{ |
|
61 |
type : "TooltipWidget", |
|
62 |
width : 180, |
|
63 |
height : 160, |
|
64 |
}] |
|
65 |
}, { |
|
66 |
type : "createAnnotationWidget", |
|
67 |
polemic_mode : false, |
|
68 |
keywords : ['#vodkaster', '#allocine', '#universcine'], |
|
69 |
api_endpoint_template : "coucou/{{id}}.json", |
|
70 |
api_method : 'POST' |
|
| 836 | 71 |
} /*, { |
| 835 | 72 |
type: "TraceWidget", |
73 |
url: "http://192.168.56.101:5000/", |
|
74 |
requestmode: 'GET', |
|
75 |
syncmode: "sync" |
|
| 836 | 76 |
} */] |
| 833 | 77 |
}, |
| 835 | 78 |
player : { |
79 |
type : 'allocine', // player type |
|
80 |
height : 300, |
|
81 |
width : 610, |
|
82 |
acPlayerUrl : "allocine_test/AcPlayer_v3.0.swf", |
|
83 |
autoPlay : "false", |
|
84 |
urlAcData : "allocine_test/data_cinecast.xml" |
|
85 |
}, |
|
86 |
modules : [{ |
|
87 |
type : "MediaFragment", |
|
88 |
metadata : { |
|
89 |
format : 'cinelab', |
|
90 |
src : json_url, |
|
91 |
type : 'json' |
|
92 |
} |
|
93 |
}] |
|
|
819
9b8e68803f6f
add allocine player, and add an full test with this allocine player.
cavaliet
parents:
diff
changeset
|
94 |
|
| 835 | 95 |
}; |
96 |
||
97 |
IriSP.initPlayer(config, json_url); |
|
|
819
9b8e68803f6f
add allocine player, and add an full test with this allocine player.
cavaliet
parents:
diff
changeset
|
98 |
|
| 835 | 99 |
</script> |
100 |
</body> |
|
101 |
<div id="AnnotationsListContainer" style="position: absolute; width: 400px; left: 660px; top: 105px;"></div> |
|
102 |
</html> |