metadataplayer: comparison test/integration/allocine_dossier_independant/js/LdtPlayer-release.js

Mercurial Mercurial > metadataplayer / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

test/integration/allocine_dossier_independant/js/LdtPlayer-release.js

branch	popcorn-port
changeset 842	4ae2247a59f4
parent 841	8da49ff273e0
child 852	eefb64f74a3f

equal deleted inserted replaced

-:8da49ff273e0
+:4ae2247a59f4
 "[object Date]"};b.isRegExp=function(a){return l.call(a)=="[object RegExp]"};b.isNull=function(a){return a===null};b.isUndefined=function(a){return a===void 0};b.noConflict=function(){s._=F;return this};b.identity=function(a){return a};b.times=function(a,b,d){for(var e=0;e<a;e++)b.call(d,e)};b.escape=function(a){return(""+a).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;").replace(/\//g,"&#x2F;")};b.mixin=function(a){j(b.functions(a),function(c){J(c,
 b[c]=a[c])})};var K=0;b.uniqueId=function(a){var b=K++;return a?a+b:b};b.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};b.template=function(a,c){var d=b.templateSettings,d="var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('"+a.replace(/\\/g,"\\\\").replace(/'/g,"\\'").replace(d.escape,function(a,b){return"',_.escape("+b.replace(/\\'/g,"'")+"),'"}).replace(d.interpolate,function(a,b){return"',"+b.replace(/\\'/g,
 "'")+",'"}).replace(d.evaluate||null,function(a,b){return"');"+b.replace(/\\'/g,"'").replace(/[\r\n\t]/g," ")+";__p.push('"}).replace(/\r/g,"\\r").replace(/\n/g,"\\n").replace(/\t/g,"\\t")+"');}return __p.join('');",e=new Function("obj","_",d);return c?e(c,b):function(a){return e.call(this,a,b)}};var n=function(a){this._wrapped=a};b.prototype=n.prototype;var u=function(a,c){return c?b(a).chain():a},J=function(a,c){n.prototype[a]=function(){var a=i.call(arguments);H.call(a,this._wrapped);return u(c.apply(b,
 a),this._chain)}};b.mixin(b);j("pop,push,reverse,shift,sort,splice,unshift".split(","),function(a){var b=k[a];n.prototype[a]=function(){b.apply(this._wrapped,arguments);return u(this._wrapped,this._chain)}});j(["concat","join","slice"],function(a){var b=k[a];n.prototype[a]=function(){return u(b.apply(this._wrapped,arguments),this._chain)}});n.prototype.chain=function(){this._chain=true;return this};n.prototype.value=function(){return this._wrapped}}).call(this);
 /* main file */
+// Why is it called main ? It only loads the libs !
 if ( window.IriSP === undefined && window.__IriSP === undefined ) {
 /**
 @class
 the object under which everything goes.
 */
 IriSP._ = window._.noConflict();
 IriSP.underscore = IriSP._;
-IriSP.loadLibs = function( libs, config, metadata_url, callback ) {
+IriSP.getLib = function(lib) {
+return (
+IriSP.libFiles.useCdn && typeof IriSP.libFiles.cdn[lib] == "string"
+? IriSP.libFiles.cdn[lib]
+: (
+typeof IriSP.libFiles.locations[lib] == "string"
+? IriSP.libFiles.locations[lib]
+: (
+typeof IriSP.libFiles.inDefaultDir[lib] == "string"
+? IriSP.libFiles.defaultDir + IriSP.libFiles.inDefaultDir[lib]
+: null
+)
+)
+)
+}
+IriSP.loadLibs = function( config, metadata_url, callback ) {
 // Localize jQuery variable
 		IriSP.jQuery = null;
-var $L = $LAB.script(libs.jQuery).script(libs.swfObject).wait()
+var $L = $LAB.script(IriSP.getLib("jQuery")).script(IriSP.getLib("swfObject")).wait()
-.script(libs.jQueryUI);
+.script(IriSP.getLib("jQueryUI"));
 if (config.player.type === "jwplayer" || config.player.type === "allocine") {
 // load our popcorn.js lookalike
-$L.script(libs.jwplayer);
+$L.script(IriSP.getLib("jwplayer"));
 } else {
 // load the real popcorn
-$L.script(libs.popcorn).script(libs["popcorn.code"]);
+$L.script(IriSP.getLib("popcorn")).script(IriSP.getLib("popcorn.code"));
 if (config.player.type === "youtube") {
-$L.script(libs["popcorn.youtube"]);
+$L.script(IriSP.getLib("popcorn.youtube"));
 }
 if (config.player.type === "vimeo")
-$L.script(libs["popcorn.vimeo"]);
+$L.script(IriSP.getLib("popcorn.vimeo"));
 /* do nothing for html5 */
 }
 /* widget specific requirements */
 for (var idx in config.gui.widgets) {
 if (config.gui.widgets[idx].type === "PolemicWidget" ||
 config.gui.widgets[idx].type === "StackGraphWidget" ||
 config.gui.widgets[idx].type === "SparklineWidget") {
-$L.script(libs.raphael);
+$L.script(IriSP.getLib("raphael"));
 }
 if (config.gui.widgets[idx].type === "TraceWidget") {
-$L.script(libs.tracemanager)
+$L.script(IriSP.getLib("tracemanager"))
 }
 }
 // same for modules
 /*
 for (var idx in config.modules) {
 if (config.modules[idx].type === "PolemicWidget")
-$L.script(libs.raphaelJs);
+$L.script(IriSP.getLib("raphaelJs"));
 }
 */
 $L.wait(function() {
 IriSP.jQuery = window.jQuery.noConflict( true );
 var css_link_jquery = IriSP.jQuery( "<link>", {
 rel: "stylesheet",
 type: "text/css",
-href: libs.cssjQueryUI,
+href: IriSP.getLib("cssjQueryUI"),
 'class': "dynamic_css"
 } );
 var css_link_custom = IriSP.jQuery( "<link>", {
 rel: "stylesheet",
 type: "text/css",
 });
 };
 IriSP.annotation_template = "{{! template for an annotation displayed in a segmentWidget }}<div title='{{divTitle}}' id='{{id}}'	class='Ldt-iri-chapter Ldt-TraceMe' 	style='left: {{startPixel}}px;          width: {{pxWidth}}px;          background-color:{{hexa_color}};'    data-seek='{{seekPlace}}'    thumbnail-url='{{thumbnailUrl}}'	></div>";
 IriSP.annotationWidget_template = "{{! template for the annotation widget }}<div class='Ldt-AnnotationsWidget'>  <!-- ugly div because we want to have a double border -->  <div class='Ldt-Annotation-DoubleBorder'>      <div class='Ldt-AnnotationContent'>          <div class='Ldt-AnnotationShareIcons'>         <a target='_blank' class='Ldt-fbShare Ldt-TraceMe' title='{{i10n.share_on}} Facebook'></a>         <a target='_blank' class='Ldt-TwShare Ldt-TraceMe' title='{{i10n.share_on}} Twitter'></a>         <a target='_blank'  class='Ldt-GplusShare Ldt-TraceMe' title='{{i10n.share_on}} Google+'></a>        </div>        <div class='Ldt-SaTitle'></div>        <div class='Ldt-SaDescription'></div>        <div class='Ldt-SaKeywords'></div>    </div>  </div></div>";
 IriSP.annotation_loading_template = "{{! template shown while the annotation widget is loading }}<div id='Ldt-load-container'><div id='Ldt-loader'>&nbsp;</div> Chargement... </div>";
-IriSP.annotationsListWidget_template = "{{! template for the annotation list widget }}<div class='Ldt-AnnotationsListWidget'>    <ul class='Ldt-AnnotationsList-ul'>        {{#annotations}}        <li id='Ldt-Annotation-li-{{id}}' class='Ldt-AnnotationsList-li Ldt-TraceMe'>            <img class='Ldt-AnnotationsList-Thumbnail' src='{{thumbnail}}' />            <div class='Ldt-AnnotationsList-Duration'>                <span class='Ldt-AnnotationsList-Begin'>{{begin}}</span>                <span class='Ldt-AnnotationsList-TcSeparator'>-</span>                <span class='Ldt-AnnotationsList-End'>{{end}}</span>            </div>            <div class='Ldt-AnnotationsList-Title'>            {{! if the url is not present, it means that the annotation exists            in the current project }}            {{^url}} <a href='#id={{id}}'> {{/url}}            {{! otherwise link to url }}            {{#url}} <a href='{{url}}'> {{/url}}                {{title}}            </a>            </div>            <div class='Ldt-AnnotationsList-Description'>                {{desc}}            </div>            {{#tags.length}}            <ul class='Ldt-AnnotationsList-Tags'>                {{#tags}}                <li class='Ldt-AnnotationsList-Tag-Li'>                    <div class='Ldt-AnnotationsList-Tag-Div'>{{.}}</div>                </li>                {{/tags}}            </ul>            {{/tags.length}}        </li>        {{/annotations}}    </ul></div>";
+IriSP.annotationsListWidget_template = "{{! template for the annotation list widget }}<div class='Ldt-AnnotationsListWidget'>    <ul class='Ldt-AnnotationsList-ul'>        {{#annotations}}        <li id='Ldt-Annotation-li-{{id}}' class='Ldt-AnnotationsList-li Ldt-TraceMe'>            {{^url}} <a href='#id={{id}}'> {{/url}}            {{! otherwise link to url }}            {{#url}} <a href='{{url}}'> {{/url}}                <img class='Ldt-AnnotationsList-Thumbnail' src='{{thumbnail}}' />            </a>            <div class='Ldt-AnnotationsList-Duration'>                <span class='Ldt-AnnotationsList-Begin'>{{begin}}</span>                <span class='Ldt-AnnotationsList-TcSeparator'>-</span>                <span class='Ldt-AnnotationsList-End'>{{end}}</span>            </div>            <div class='Ldt-AnnotationsList-Title'>            {{! if the url is not present, it means that the annotation exists            in the current project }}                {{title}}            </div>            <div class='Ldt-AnnotationsList-Description'>            {{^url}} <a href='#id={{id}}'> {{/url}}            {{! otherwise link to url }}            {{#url}} <a href='{{url}}'> {{/url}}                {{desc}}                </a>            </div>            {{#tags.length}}            <ul class='Ldt-AnnotationsList-Tags'>                {{#tags}}                <li class='Ldt-AnnotationsList-Tag-Li'>                    <div class='Ldt-AnnotationsList-Tag-Div'>{{.}}</div>                </li>                {{/tags}}            </ul>            {{/tags.length}}        </li>        {{/annotations}}    </ul></div>";
 IriSP.arrowWidget_template = "<div class='Ldt-arrowWidget Ldt-arrowLeftEdge'></div>";
-IriSP.createAnnotationWidget_template = "{{! template for the annotation creation widget }}<div class='Ldt-createAnnotationWidget'>    <!-- ugly div because we want to have a double border -->    <div class='Ldt-createAnnotation-DoubleBorder'>        <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-startScreen'>            <div style='margin-bottom: 7px; overflow: auto;'>                <div class='Ldt-createAnnotation-Title'></div>                <div class='Ldt-createAnnotation-TimeFrame'></div>                {{^cinecast_version}} <div class='Ldt-createAnnotation-Minimize Ldt-TraceMe' title='Cancel'></div>                {{/cinecast_version}}            </div>            <div class='Ldt-createAnnotation-Container'>                {{#show_from_field}}                <label>{{l10n.your_name}}&nbsp;: </label><input class='Ldt-createAnnotation-userName Ldt-TraceMe' value='{{user_name}}' />                {{/show_from_field}}                <textarea class='Ldt-createAnnotation-Description Ldt-TraceMe'></textarea>                <div class='Ldt-createAnnotation-userAvatar Ldt-TraceMe'>                    {{^user_avatar}} <img src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>                    {{/user_avatar}}                    {{#user_avatar}} <img src='{{ user_avatar }}'></img>                    {{/user_avatar}}                </div>                <div class='Ldt-createAnnotation-profileArrow'></div>            </div>            <button class='Ldt-createAnnotation-submitButton Ldt-TraceMe'>{{l10n.submit}}</button>            {{#keywords.length}}            <div class='Ldt-createAnnotation-btnblock Ldt-createAnnotation-keywords'>                <label>{{l10n.add_keywords}} :</label>                <ul class='Ldt-floatList'>                {{#keywords}}                    <li><button class='Ldt-createAnnotation-keyword-button Ldt-TraceMe'>{{.}}</button></li>                {{/keywords}}                </ul>            </div>            {{#random_keywords}}                <button class='Ldt-createAnnotation-moar-keywordz'>{{l10n.moar_tagz}}</button>            {{/random_keywords}}            {{/keywords.length}}            {{#polemic_mode}}            {{#polemics.length}}            <div class='Ldt-createAnnotation-btnblock Ldt-createAnnotation-polemics'>                <label>{{l10n.add_polemic_keywords}} :</label>                <ul class='Ldt-floatList'>                {{#polemics}}                    <li><button class='Ldt-createAnnotation-polemic-{{className}} Ldt-createAnnotation-polemic-button Ldt-TraceMe'>{{keyword}}</button></li>                {{/polemics}}                </ul>            </div>            {{/polemics.length}}            {{/polemic_mode}}        </div>        <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-waitScreen' style='display: none; text-align: center'>            <div class='Ldt-createAnnotation-spinner'></div>            {{l10n.wait_while_processed}}        </div>        <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-errorScreen' style='display: none; text-align: center'>            <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>            {{l10n.error_while_contacting}}        </div>        <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-endScreen' style='display: none'>            <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>            {{l10n.annotation_saved}}            <br>            {{^disable_share}}            {{l10n.share_annotation}}            <div style='margin-top: 12px; text-align: center;'>                <a target='_blank' class='Ldt-createAnnotation-endScreen-TweetLink Ldt-TraceMe'></a>                <a target='_blank' class='Ldt-createAnnotation-endScreen-FbLink Ldt-TraceMe'></a>                <a target='_blank' class='Ldt-createAnnotation-endScreen-GplusLink Ldt-TraceMe'></a>            </div>            {{/disable_share}}        </div>        <div class='Ldt-floatClear'></div>    </div></div>";
+IriSP.createAnnotationWidget_template = "{{! template for the annotation creation widget }}<div class='Ldt-createAnnotationWidget'>    <!-- ugly div because we want to have a double border -->    <div class='Ldt-createAnnotation-DoubleBorder'>        <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-startScreen'>            <div style='margin-bottom: 7px; overflow: auto;'>                <div class='Ldt-createAnnotation-Title'></div>                <div class='Ldt-createAnnotation-TimeFrame'></div>                {{^cinecast_version}} <div class='Ldt-createAnnotation-Minimize Ldt-TraceMe' title='Cancel'></div>                {{/cinecast_version}}            </div>            <div class='Ldt-createAnnotation-Container'>                {{#show_from_field}}                <label>{{l10n.your_name}}&nbsp;: </label><input class='Ldt-createAnnotation-userName Ldt-TraceMe' value='{{user_name}}' />                {{/show_from_field}}                <textarea class='Ldt-createAnnotation-Description Ldt-TraceMe'></textarea>                <div class='Ldt-createAnnotation-userAvatar Ldt-TraceMe'>                    {{^user_avatar}} <img src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>                    {{/user_avatar}}                    {{#user_avatar}} <img src='{{ user_avatar }}'></img>                    {{/user_avatar}}                </div>                <div class='Ldt-createAnnotation-profileArrow'></div>            </div>            <button class='Ldt-createAnnotation-submitButton Ldt-TraceMe'>{{l10n.submit}}</button>            {{#tags.length}}            <div class='Ldt-createAnnotation-btnblock Ldt-createAnnotation-keywords'>                <label>{{l10n.add_keywords}} :</label>                <ul class='Ldt-floatList'>                {{#tags}}                    <li><button class='Ldt-createAnnotation-keyword-button Ldt-TraceMe' tag-id='{{id}}'>{{meta.description}}</button></li>                {{/tags}}                </ul>            </div>            {{#random_tags}}                <button class='Ldt-createAnnotation-moar-keywordz'>{{l10n.more_tags}}</button>            {{/random_tags}}            {{/tags.length}}            {{#polemic_mode}}            {{#polemics.length}}            <div class='Ldt-createAnnotation-btnblock Ldt-createAnnotation-polemics'>                <label>{{l10n.add_polemic_keywords}} :</label>                <ul class='Ldt-floatList'>                {{#polemics}}                    <li><button class='Ldt-createAnnotation-polemic-{{className}} Ldt-createAnnotation-polemic-button Ldt-TraceMe'>{{keyword}}</button></li>                {{/polemics}}                </ul>            </div>            {{/polemics.length}}            {{/polemic_mode}}        </div>        <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-waitScreen' style='display: none; text-align: center'>            <div class='Ldt-createAnnotation-spinner'></div>            {{l10n.wait_while_processed}}        </div>        <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-errorScreen' style='display: none; text-align: center'>            <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>            {{l10n.error_while_contacting}}        </div>        <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-endScreen' style='display: none'>            <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>            {{l10n.annotation_saved}}            <br>            {{^disable_share}}            {{l10n.share_annotation}}            <div style='margin-top: 12px; text-align: center;'>                <a target='_blank' class='Ldt-createAnnotation-endScreen-TweetLink Ldt-TraceMe'></a>                <a target='_blank' class='Ldt-createAnnotation-endScreen-FbLink Ldt-TraceMe'></a>                <a target='_blank' class='Ldt-createAnnotation-endScreen-GplusLink Ldt-TraceMe'></a>            </div>            {{/disable_share}}        </div>        <div class='Ldt-floatClear'></div>    </div></div>";
 IriSP.createAnnotation_errorMessage_template = "<p class='Ldt-createAnnotation-errorMessage'>  {{l10n.empty_annotation}}</p>";
 IriSP.loading_template = "<div id='Ldt-loader' style='width: {{width}}px; height: {{height}}px;'>{{l10n.loading_wait}}</div>";
 IriSP.overlay_marker_template = "{{! the template for the small bars which is z-indexed over our segment widget }}<div class='Ldt-SegmentPositionMarker' style='background-color: #F7268E;'></div>";
 IriSP.player_template = "{{! template for the radio player }}<div class='Ldt-controler'>	<div class='Ldt-LeftPlayerControls'>        <div class='Ldt-Ctrl-button Ldt-CtrlPlay Ldt-CtrlPlay-PlayState Ldt-TraceMe' title='{{l10n.play_pause}}'></div>        <div class='Ldt-Ctrl-spacer'></div>        {{^disable_annotate_btn}}    	<div class='Ldt-Ctrl-button Ldt-CtrlAnnotate Ldt-TraceMe' title='{{l10n.annotate}}'></div>        <div class='Ldt-Ctrl-spacer'></div>        {{/disable_annotate_btn}}        {{^disable_search_btn}}        <div class='Ldt-Ctrl-button Ldt-CtrlSearch Ldt-TraceMe' title='{{l10n.search}}'></div>        <div class='Ldt-Ctrl-spacer'></div>        {{/disable_search_btn}}        <div class='LdtSearch'>          <input class='LdtSearchInput Ldt-TraceMe'></input>        </div>	</div>	<div class='Ldt-RightPlayerControls'>        <div class='Ldt-Ctrl-spacer'></div>        <div class='Ldt-Time'>          <div class='Ldt-ElapsedTime' title='{{l10n.elapsed_time}}'>00:00</div>          <div class='Ldt-TimeSeparator'>/</div>          <div class='Ldt-TotalTime' title='{{l10n.total_time}}'>00:00</div>        </div>        <div class='Ldt-Ctrl-spacer'></div>		<div class='Ldt-Ctrl-button Ldt-CtrlSound Ldt-CtrlSound-Full Ldt-TraceMe' title='{{l10n.mute_unmute}}'></div>	</div>	<div class='Ldt-Ctrl-Volume-Control' title='{{l10n.volume_control}}'>	    <div class='Ldt-Ctrl-Volume-Bar'></div>	    <div class='Ldt-Ctrl-Volume-Cursor'></div>	</div></div>";
 IriSP.search_template = "{{! template for the search container }}<div class='LdtSearchContainer'	style='margin-left: {{margin_left}}; position: absolute; margin-top: -60px;'>	<div class='LdtSearch'		style='display: none; background-color: #EEE; width: 165px; border-color: #CFCFCF; position: absolute; text-align: center;'>		<input class='LdtSearchInput'			style='margin-top: 1px; margin-bottom: 2px;' />	</div></div><div class='cleaner'></div>";
 received yet.
 */
 this._callbacks = {};
 };
-IriSP.DataLoader.prototype.get = function(url, callback) {
+IriSP.DataLoader.prototype.get = function(url, callback, force_reload) {
+var base_url = url.split("&")[0];
-var base_url = url.split("&")[0]
+if (typeof force_reload != "undefined" && force_reload && this._cache.hasOwnProperty(base_url)) {
+delete this._cache[base_url]
+}
 if (this._cache.hasOwnProperty(base_url)) {
 callback(this._cache[base_url]);
 } else {
 if (!this._callbacks.hasOwnProperty(base_url)) {
-this._callbacks[base_url] = [];
+this._callbacks[base_url] = [callback];
-this._callbacks[base_url].push(callback);
 /* we need a closure because this gets lost when it's called back */
 // uncomment you don't want to use caching.
 // IriSP.jQuery.get(url, callback);
 var i = 0;
 for (i = 0; i < this._callbacks[base_url].length; i++) {
 this._callbacks[base_url][i](this._cache[base_url]);
 }
+delete this._callbacks[base_url];
 };
 /* automagically choose between json and jsonp */
 if (url.indexOf(document.location.hostname) === -1 &&
 url.indexOf("http://") !== -1 /* not a relative url */ ) {
 IriSP.Serializer.prototype.deserialize = function(data) {};
 IriSP.Serializer.prototype.currentMedia = function() {
 };
-IriSP.Serializer.prototype.sync = function(callback) {
+IriSP.Serializer.prototype.getDuration = function() {
-callback.call(this, this._data);
+};
+IriSP.Serializer.prototype.sync = function(callback) {
+this._DataLoader.get(this._url, callback, force_refresh);
 };
 IriSP.SerializerFactory = function(DataLoader) {
 this._dataloader = DataLoader;
 };
 default:
 return undefined;
 }
 };
-/* site.js - all our site-dependent config : player chrome, cdn locations, etc...*/
+IriSP.language = 'en';
-IriSP.defaults = {};
+IriSP.libFiles = {
+defaultDir : "js/libs/",
-/* these objects are filled by configureDefaults. The function doesn't overwrite
+inDefaultDir : {
-defaults that were originally defined by the user.
+jQuery : "jquery.min.js",
-*/
+jQueryUI : "jquery-ui.min.js",
-IriSP.lib = {};
+jQueryToolTip : "jquery.tools.min.js",
+swfObject : "swfobject.js",
-/* We need to define those so that the individual settings can be overwritten */
+cssjQueryUI : "jquery-ui.css",
-IriSP.widgetsDefaults = {};
+popcorn : "popcorn.js",
+jwplayer : "jwplayer.js",
-IriSP.paths = {};
+raphael : "raphael.js",
+"popcorn.mediafragment" : "popcorn.mediafragment.js",
-IriSP.libdir = "/metadataplayer/src/js/libs/";
+"popcorn.code" : "popcorn.code.js",
-IriSP.jwplayer_swf_path = "../test/libs/player.swf";
+"popcorn.jwplayer" : "popcorn.jwplayer.js",
-IriSP.platform_url = "http://192.168.56.101/pf";
+"popcorn.youtube" : "popcorn.youtube.js",
-IriSP.default_templates_vars = { };
+"tracemanager" : "tracemanager.js"
+},
-IriSP.language = 'fr';
+locations : {
+// use to define locations outside defautl_dir
-/** ugly ugly ugly ugly - returns an object defining
+},
-the paths to the libs
+cdn : {
-We need it that way cause it's called at runtime by
+jQueryUI : "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.js",
-IriSP.configureDefaults.
+jQueryToolTip : "http://cdn.jquerytools.org/1.2.4/all/jquery.tools.min.js",
-*/
+swfObject : "http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js",
-IriSP.defaults.lib = function(libdir) {
+cssjQueryUI : "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/base/jquery-ui.css"
-if (IriSP.null_or_undefined(libdir))
+},
-libdir = IriSP.libdir;
+useCdn : false
+}
-return {
-//      jQuery : "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js",
+IriSP.widgetsDefaults = {
-jQuery : libdir + "jquery.min.js",
+"LayoutManager" : {
-//      jQueryUI : "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.js",
+spacer_div_height : 0
-jQueryUI : libdir + "jquery-ui.min.js",
+},
-//      jQueryToolTip : "http://cdn.jquerytools.org/1.2.4/all/jquery.tools.min.js",
+"PlayerWidget" : {
-jQueryToolTip : libdir + "jquery.tools.min.js",
-//      swfObject : "http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js",
+},
-swfObject : libdir + "swfobject.js",
+"AnnotationsWidget" : {
-//      cssjQueryUI : "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/base/jquery-ui.css",
+"share_text" : "I'm watching "
-cssjQueryUI : libdir + "jquery-ui.css",
+},
-popcorn : libdir + "popcorn.js",
-jwplayer : libdir + "jwplayer.js",
-popcornReplacement: libdir + "pop.js",
-raphael: libdir + "raphael.js",
-jquery_sparkline: libdir + "jquery.sparkline.js",
-"popcorn.mediafragment" : libdir + "popcorn.mediafragment.js",
-"popcorn.code" : libdir + "popcorn.code.js",
-"popcorn.jwplayer": libdir + "popcorn.jwplayer.js",
-"popcorn.youtube": libdir + "popcorn.youtube.js",
-"tracemanager": libdir + "tracemanager.js"
-};
-};
-//Configuration for the player and utility functions.
-// No need to have them configured at runtime
-IriSP.config = {};
-IriSP.config.shortener = {
-// function to call to shorten an url.
-//shortening_function : IriSP.platform_shorten_url
-};
-IriSP.defaults.widgetsDefaults = function(platform_url) {
-if (IriSP.null_or_undefined(platform_url))
-platform_url = IriSP.platform_url;
-return {
-"LayoutManager" : {spacer_div_height : "0px" },
-"PlayerWidget" : {},
-"AnnotationsWidget": {
-"share_text" : "I'm watching ",
-"fb_link" : "http://www.facebook.com/share.php?u=",
-"tw_link" : "http://twitter.com/home?status=",
-"gplus_link" : ""
-},
 "TweetsWidget" : {
 default_profile_picture : "https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png",
-tweet_display_period: 10000 // how long do we show a tweet ?
+tweet_display_period : 10000 // how long do we show a tweet ?
 },
 "SliderWidget" : {
-minimize_period: 850 // how long does the slider stays maximized after the user leaves the zone ?
+minimize_period : 850 // how long does the slider stays maximized after the user leaves the zone ?
+},
+"SegmentsWidget" : {
+cinecast_version : false
 },
 "createAnnotationWidget" : {
-keywords: ["#amateur", "#digital-studies"],
+tags : [
-polemic_mode: true, /* enable polemics ? */
+{
-/* polemics - the corresponding class names defined in the css should be for instance :
+"id" : "digitalstudies",
-Ldt-createAnnotation-polemic-positive for positive
+"meta" : {
-Ldt-createAnnotation-polemic-equalequal for equalequal, etc.
+"description" : "#digital-studies"
-*/
+}
-polemics: [ { "className" : "positive", "keyword" : "++" }, { "className" : "negative", "keyword" : "--" }, { "className" : "reference", "keyword" : "==" }, { "className" : "question", "keyword" : "??" } ],
+},
-cinecast_version: false, /* put to false to enable the platform version, true for the festival cinecast one. */
+{
+"id" : "amateur",
+"meta" : {
+"description" : "#amateur"
+},
+}
+],
+remote_tags : false,
+random_tags : false,
+show_from_field : false,
+polemic_mode : true, /* enable polemics ? */
+polemics : [{
+"className" : "positive",
+"keyword" : "++"
+}, {
+"className" : "negative",
+"keyword" : "--"
+}, {
+"className" : "reference",
+"keyword" : "=="
+}, {
+"className" : "question",
+"keyword" : "??"
+}],
+cinecast_version : false, /* put to false to enable the platform version, true for the festival cinecast one. */
 /* where does the widget PUT the annotations - this is a mustache template. id refers to the id of the media ans is filled
 by the widget.
 */
-api_endpoint_template: platform_url + "/ldtplatform/api/ldt/annotations/{{id}}.json",
+api_endpoint_template : "", // platform_url + "/ldtplatform/api/ldt/annotations/{{id}}.json",
-api_method: "PUT"
+api_method : "PUT"
 },
 "SparklineWidget" : {
-column_width: 10 // the width of a column in pixels.
+lineColor : "#7492b4",
-},
+fillColor : "#aeaeb8",
-"Main" : {
+lineWidth : 2
-autoplay: true
 },
 "AnnotationsListWidget" : {
-ajax_mode: true, /* use ajax to get information about the annotations.
+ajax_mode : true, /* use ajax to get information about the annotations.
 if set to false, only search in the annotations for the
 current project. */
 /* the platform generates some funky urls. We replace them afterwards to point to the
 correct place - this setting will probably be overwritten by the platform
 implementers.
 Note that the player has to replace the variables between {{ and }} by its own values.
 */
-ajax_url: platform_url + "/ldtplatform/api/ldt/segments/{media}/{begin}/{end}",
+ajax_url : "", //platform_url + "/ldtplatform/api/ldt/segments/{{media}}/{{begin}}/{{end}}",
+ajax_granularity : 10000, /* how much ms should we look before and after the current timecode */
-ajax_granularity: 10000, /* how much ms should we look before and after the
+default_thumbnail : "http://ldt.iri.centrepompidou.fr/static/site/ldt/css/imgs/video_sequence.png",
-current timecode */
+project_url : "", //platform_url + "/ldtplatform/ldt/front/player/"
+/* the beginning of a link to the new front */
-default_thumbnail: "/metadataplayer/src/css/imgs/video_sequence.png",
+cinecast_version : false,
+refresh_interval : 10000
-project_url: platform_url + "/ldtplatform/ldt/front/player/" /* the beginning
+},
-of a link to the
+"StackGraphWidget" : {
-new front */
+defaultcolor : "#585858",
-}
+tags : [
-};
+{
-};
+"keywords" : [ "++" ],
+"description" : "positif",
-/*
+"color" : "#1D973D"
-Override this if you want to change the info the player receives about the user.
+},
-It's typically overrided in server-side templates with user-specific data.
+{
-*/
+"keywords" : [ "--" ],
-IriSP.defaults.user = function() { return {
+"description" : "negatif",
-"name" : "Anonymous user",
+"color" : "#CE0A15"
-"avatar" : IriSP.paths.imgs + "/user_default_icon.png"
+},
-}
+{
-};
+"keywords" : [ "==" ],
+"description" : "reference",
+"color" : "#C5A62D"
-IriSP.defaults.paths = {
+},
-//  "imgs": "/tweetlive/res/metadataplayer/src/css/imgs"
+{
-"imgs": "/metadataplayer/src/css/imgs"
+"keywords" : [ "??" ],
-};
+"description" : "question",
+"color" : "#036AAE"
+}
-IriSP.defaults.default_templates_vars = function() {
+],
-return {
+streamgraph : false
-"img_dir" : IriSP.paths.imgs
+}
-};
 }/* the widget classes and definitions */
 /**
 * @class Widget is an "abstract" class. It's mostly used to define some properties common to every widget.
 *
 if (typeof this.selector != "undefined") {
 this.selector.addClass("Ldt-TraceMe").addClass("Ldt-Widget");
 this.selector.attr("widget-type", this._config.type);
 }
-};
+// Parsing Widget Defaults
+var _this = this;
-// This functions checks for configuration options
+if (typeof config.type == "string" && typeof IriSP.widgetsDefaults[config.type] == "object") {
-IriSP.Widget.prototype.checkOption = function(_name, _default) {
+IriSP._(IriSP.widgetsDefaults[config.type]).each(function(_v, _k) {
-this[_name] = (
+if (typeof config[_k] != "undefined") {
-typeof this._config[_name] != "undefined"
+_this[_k] = config[_k];
-? this._config[_name]
+} else {
-: (
+_this[_k] = _v;
-(typeof IriSP.widgetsDefaults[this._config.type] != "undefined" && IriSP.widgetsDefaults[this._config.type][_name] != "undefined")
+}
-? IriSP.widgetsDefaults[this._config.type][_name]
+});
-: (
+}
-typeof _default != "undefined"
-? _default
+};
-: null
-)
-)
+IriSP.Widget.prototype.currentMedia = function() {
-)
+return this._serializer.currentMedia();
+}
+IriSP.Widget.prototype.getDuration = function() {
+return this._serializer.getDuration();
 }
 /**
 * This method responsible of drawing a widget on screen.
 */
 var newDiv = IriSP.guid(this._div + "_widget_" + widgetName + "_");
 var spacerDiv = IriSP.guid("LdtPlayer_spacer_");
 this._widgets.push([widgetName, newDiv]);
 var divTempl = "<div id='{{id}}' style='width: {{width}}px; position: relative; clear: both;'></div";
-var spacerTempl = "<div id='{{spacer_id}}' style='width: {{width}}px; position: relative; height: {{spacer_div_height}};'></div";
+var spacerTempl = "<div id='{{spacer_id}}' style='width: {{width}}px; position: relative; height: {{spacer_div_height}}px;'></div";
 var divCode = Mustache.to_html(divTempl, {id: newDiv, width: this._width});
 var spacerCode = Mustache.to_html(spacerTempl, {spacer_id: spacerDiv, width: this._width,
 spacer_div_height: IriSP.widgetsDefaults.LayoutManager.spacer_div_height });
 serializer.sync(IriSP.wrap(widget, function() { this.draw(); }));
 return widget;
 };
-/** Go through the defaults to set a reasonable value */
-IriSP.configureDefaults = function(libdir, platform_url) {
-/* the defaults configuration is messy and complicated. There are two things to know :
-- we want to allow overwriting of defaults - that's why we have IriSP.widgetDefaults
-and IriSP.defaults.widgetDefaults. The first is filled by the embedder and then fleshed out
-with the contents of the first. We use underscore.defaults for that, but there's one problem with
-this function : it doesn't work recursively.
-- we need to compute some values at runtime instead of at compile time
-*/
-IriSP.lib = IriSP.underscore.defaults(IriSP.lib, IriSP.defaults.lib(libdir));
-/* get the factory defaults for the widgets and merge them with the default the user
-may have defined
-*/
-var factory_defaults = IriSP.defaults.widgetsDefaults(platform_url);
-for(var widget in factory_defaults) {
-/* create the object if it doesn't exists */
-if (IriSP.null_or_undefined(IriSP.widgetsDefaults[widget]))
-IriSP.widgetsDefaults[widget] = {};
-IriSP.widgetsDefaults[widget] = IriSP.underscore.defaults(IriSP.widgetsDefaults[widget], factory_defaults[widget]);
-}
-IriSP.paths = IriSP.underscore.defaults(IriSP.paths, IriSP.defaults.paths);
-IriSP.default_templates_vars = IriSP.underscore.defaults(IriSP.default_templates_vars,
-IriSP.defaults.default_templates_vars());
-if (IriSP.null_or_undefined(IriSP.user))
-IriSP.user = {};
-IriSP.user = IriSP.underscore.defaults(IriSP.user, IriSP.defaults.user());
-};
 /** single point of entry for the metadataplayer */
-IriSP.initPlayer = function(config, metadata_url, libdir, platform_url) {
+IriSP.initPlayer = function(config, metadata_url) {
 document.getElementById(config.gui.container).innerHTML = IriSP.templToHTML(IriSP.loading_template, config.gui);
-IriSP.configureDefaults(libdir, platform_url);
+IriSP.loadLibs(config, metadata_url,
-IriSP.loadLibs(IriSP.lib, config, metadata_url,
 function() {
 var layoutManager = new IriSP.LayoutManager(config.gui);
 var pop = IriSP.configurePopcorn(layoutManager, config.player);
 var _videoUrl = (
 typeof options.directVideoPath == "string"
 ? options.directVideoPath
 : IriSP.get_aliased(IriSP.__jsonMetadata["medias"][0], ["href","url"])
 );
+var _flashVars = {
-var fv = "streamFMS=true&adVast=false&lg=fr_cinecast&autoPlay=" + options.autoPlay + "&directVideoTitle=&urlAcData=" + options.urlAcData + "&directVideoPath=" + _videoUrl + "&host=http://allocine.fr";
+"streamFMS" : true,
-//    console.log("fv = " + fv);
+"adVast" : false,
+"lg" : "fr_cinecast",
+"autoPlay" : options.autoPlay,
+"directVideoTitle" : "",
+"urlAcData" : options.urlAcData,
+"directVideoPath" : _videoUrl,
+"host" : "http://allocine.fr"
+}
+if (typeof IriSP.__jsonMetadata["medias"][0].meta == "object" && typeof IriSP.__jsonMetadata["medias"][0].meta.subtitles == "string") {
+_flashVars.subTitlePath = IriSP.__jsonMetadata["medias"][0].meta.subtitles;
+}
 var params = {
 "allowScriptAccess" : "always",
 "wmode": "opaque",
-"flashvars" : fv,
+"flashvars" : IriSP.jQuery.param(_flashVars),
 "allowfullscreen" : true
 };
 var atts = {
 id : this.container
 };
 };
 IriSP.AnnotationsListWidget = function(Popcorn, config, Serializer) {
 IriSP.Widget.call(this, Popcorn, config, Serializer);
 this.__counter = 0;
 this.__oldList = [];
-this.checkOption('ajax_mode');
-this.checkOption('project_url');
-this.checkOption('default_thumbnail');
-this.checkOption("cinecast_version", false);
 this.searchRe = null;
 this._ajax_cache = [];
 var _this = this;
 this._Popcorn.listen("IriSP.search", function(searchString) {
 IriSP.AnnotationsListWidget.prototype.clearWidget = function() {
 };
 IriSP.AnnotationsListWidget.prototype.searchHandler = function(searchString) {
 this.searchRe = (searchString && searchString.length) ? IriSP.regexpFromText(searchString) : null;
-if (this.ajax_mode) {
+if (this.ajax_mode && !this.cinecast_version) {
 var _this = this,
 _annotations = (
 this.searchRe === null
 ? this._ajax_cache
 : IriSP.underscore.filter(this._ajax_cache, function(_a) {
 }),
 _this = this;
 this.selector.html(_html);
+this.selector.find('.Ldt-AnnotationsList-Tag-Li').click(function() {
+_this._Popcorn.trigger("IriSP.search.triggeredSearch", IriSP.jQuery(this).text().trim());
+})
 if (this.searchRe !== null) {
 this.selector.find(".Ldt-AnnotationsList-Title a, .Ldt-AnnotationsList-Description")
 .each(function()  {
 var _$ = IriSP.jQuery(this);
-_$.html(_$.text().replace(_this.searchRe, '<span class="Ldt-AnnotationsList-highlight">$1</span>'))
+_$.html(_$.text().trim().replace(_this.searchRe, '<span class="Ldt-AnnotationsList-highlight">$1</span>'))
 })
 }
 };
 IriSP.AnnotationsListWidget.prototype.transformAnnotation = function(a) {
-var _this = this
+var _this = this;
 return {
 "id" : a.id,
 "title": this.cinecast_version ? IriSP.get_aliased(a.meta, ['creator_name', 'creator']) : a.content.title,
 "desc" : this.cinecast_version ? a.content.data : a.content.description,
 "begin": IriSP.msToTime(a.begin),
 "end" : IriSP.msToTime(a.end),
 "thumbnail" : (typeof a.meta == "object" && typeof a.meta.thumbnail == "string") ? a.meta.thumbnail : this.default_thumbnail,
 "url" : (typeof a.meta == "object" && typeof a.meta.url == "string") ? a.meta.url : null,
+"created_at" :(typeof a.meta == "object" && typeof a.meta.created == "string") ? Date.parse(a.meta.created.replace(/^(\d{4})-(\d{2})-(\d{2})T(\d{2}\:\d{2}\:\d{2}).*$/,"$2/$3/$1 $4 UTC+0000")) : null,
 "tags": typeof a.tags == "object"
 ? IriSP.underscore(a.tags)
 .chain()
 .map(function(_t) {
 if (typeof _t == "string") {
 this._Popcorn.trigger("IriSP.search.matchFound");
 } else {
 this._Popcorn.trigger("IriSP.search.noMatchFound");
 }
 }
 list = IriSP.underscore(list)
 .chain()
 .sortBy(function(_o) {
 return _o.distance;
 })
 .first(10)
 .sortBy(function(_o) {
-return (typeof _o.is_new != "undefined" && _o.is_new ? -1 : _o.iterator);
+return (_this.cinecast_version ? - _o.created_at : _o.iterator);
 })
 .value();
 var idList = IriSP.underscore.pluck(list, "id").sort();
-if (!IriSP.underscore.isEqual(this.__oldList, idList) || typeof(force_redraw) !== "undefined") {
+if (!IriSP.underscore.isEqual(this.__oldList, idList) || this.lastSearch !== this.searchRe || typeof(force_redraw) !== "undefined") {
 this.do_redraw(list);
 this.__oldList = idList;
+this.lastSearch = this.searchRe;
 }
 /* save for next call */
 };
 } else {
 var tcode = timecode;
 }
-/* the platform gives us a special url - of the type : http://path/{media}/{begin}/{end}
+/* the platform gives us a special url - of the type : http://path/{{media}}/{{begin}}/{{end}}
 we double the braces using regexps and we feed it to mustache to build the correct url
 we have to do that because the platform only knows at run time what view it's displaying.
 */
-var platf_url = IriSP.widgetsDefaults.AnnotationsListWidget.ajax_url
+var media_id = this.currentMedia()["id"];
-.replace(/\{/g, '{{').replace(/\}/g, '}}');
+var duration = this.getDuration();
-var media_id = this._serializer.currentMedia()["id"];
-var duration = this._serializer.getDuration();
 var begin_timecode = (Math.floor(tcode) - 300) * 1000;
 if (begin_timecode < 0)
 begin_timecode = 0;
 var end_timecode = (Math.floor(tcode) + 300) * 1000;
 if (end_timecode > duration)
 end_timecode = duration;
-var templ = Mustache.to_html(platf_url, {media: media_id, begin: begin_timecode,
+var templ = Mustache.to_html(this.ajax_url, {media: media_id, begin: begin_timecode,
 end: end_timecode});
 /* we create on the fly a serializer to get the ajax */
 var serializer = new IriSP.JSONSerializer(IriSP.__dataloader, templ);
 serializer.sync(IriSP.wrap(this, function(json) { this.processJson(json, serializer) }));
 commented in case we wanted to discriminate against some annotation types.
 var view_types = serializer.getIds("Contributions");
 */
 var l = [];
-var media = this._serializer.currentMedia()["id"];
+var media = this.currentMedia()["id"];
 for (i = 0; i < annotations.length; i++) {
 var obj = this.transformAnnotation(annotations[i])
 if (typeof obj.url == "undefined" || !obj.url) {
 /* only if the annotation isn't present in the document create an
 return _a.id.toLowerCase();
 });
 var _this = this;
-if (!this.ajax_mode) {
+if (!this.ajax_mode || this.cinecast_version) {
 var _throttled = IriSP.underscore.throttle(function() {
 _this.drawList();
 }, 1500);
 _throttled();
 this._Popcorn.listen("IriSP.createAnnotationWidget.addedAnnotation", _throttled);
 this._Popcorn.listen("timeupdate", _throttled);
+if (this.cinecast_version) {
+window.setInterval(function() {
+var _tmpSerializer = new IriSP.JSONSerializer(IriSP.__dataloader,  _this._config.metadata.src, true);
+_tmpSerializer.sync(function(json) {
+IriSP.underscore(json.annotations).each(function(_a) {
+var _j = _this.annotations_ids.indexOf(_a.id);
+if (_j == -1) {
+_this._serializer._data.annotations.push(_a);
+_this.annotations_ids.push(_a.id);
+} else {
+_this._serializer._data.annotations[_j] = _a;
+}
+_throttled();
+});
+}, true); // true is for force_refresh
+},this.refresh_interval);
+}
 } else {
 /* update the widget when the video has finished loading and when it's seeked and paused */
 this._Popcorn.listen("seeked", IriSP.wrap(this, this.ajaxRedraw));
 this._Popcorn.listen("loadedmetadata", IriSP.wrap(this, this.ajaxRedraw));
 this._Popcorn.listen("paused", IriSP.wrap(this, this.ajaxRedraw));
 var title = annotation.content.title;
 var description = annotation.content.description;
 var keywords =  "";
 var begin = +annotation.begin / 1000;
 var end = +annotation.end / 1000;
-var duration = this._serializer.getDuration();
+var duration = this.getDuration();
 var tags = "";
 var title_templ = "{{title}} - ( {{begin}} - {{end}} )";
 var endstr = Mustache.to_html(title_templ, {title: title, begin: IriSP.secondsToTime(begin), end: IriSP.secondsToTime(end)});
 tags = IriSP.i18n.getMessage("keywords") + ": " + tags.slice(0, tags.length - 2);
 this.selector.find(".Ldt-SaKeywords").text(tags);
 // update sharing buttons
-var defaults = IriSP.widgetsDefaults.AnnotationsWidget;
-var text = defaults.share_text;
-var fb_link = defaults.fb_link;
-var tw_link = defaults.tw_link;
-var gplus_link = defaults.gplus_link;
 var url = document.location.href + "#id=" + annotation.id;
-this.selector.find(".Ldt-fbShare").attr("href", IriSP.mkFbUrl(url, text));
+this.selector.find(".Ldt-fbShare").attr("href", IriSP.mkFbUrl(url, this.share_text));
-this.selector.find(".Ldt-TwShare").attr("href", IriSP.mkTweetUrl(url, text));
+this.selector.find(".Ldt-TwShare").attr("href", IriSP.mkTweetUrl(url, this.share_text));
-this.selector.find(".Ldt-GplusShare").attr("href", IriSP.mkGplusUrl(url, text));
+this.selector.find(".Ldt-GplusShare").attr("href", IriSP.mkGplusUrl(url, this.share_text));
 };
 IriSP.AnnotationsWidget.prototype.clearWidget = function() {
 /* retract the pane between two annotations */
 this.selector.find(".Ldt-SaTitle").text("");
 /* move the arrow only if the current annotation changes */
 if (currentAnnotation != this._oldAnnotation) {
 var begin = (+ currentAnnotation.begin) / 1000;
 var end = (+ currentAnnotation.end) / 1000;
-var duration = this._serializer.getDuration() / 1000;
+var duration = this.getDuration() / 1000;
 var middle_time = (begin + end) / 2;
 var percents = middle_time / duration;
 // we need to apply a fix because the arrow has a certain length
 // it's half the length of the arrow (27 / 2). We need to convert
 "error_while_contacting": "An error happened while contacting the server. Your annotation has not been saved.",
 "empty_annotation": "Your annotation is empty. Please write something before submitting.",
 "annotation_saved": "Thank you, your annotation has been saved.",
 "share_annotation": "Would you like to share it on social networks ?",
 "share_on": "Share on",
-"moar_tags": "More tags"
+"more_tags": "More tags"
 },
 "fr": {
 "submit": "Envoyer",
 "add_keywords": "Ajouter des mots-clés",
 "add_polemic_keywords": "Ajouter des mots-clés polémiques",
 "error_while_contacting": "Une erreur s'est produite en contactant le serveur. Votre annotation n'a pas été enregistrée",
 "empty_annotation": "Votre annotation est vide. Merci de rédiger un texte avant de l'envoyer.",
 "annotation_saved": "Merci, votre annotation a été enregistrée.",
 "share_annotation": "Souhaitez-vous la partager sur les réseaux sociaux ?",
 "share_on": "Partager sur",
-"moar_tagz": "Plus de mots-clés"
+"more_tags": "Plus de mots-clés"
 }
 }
 );
 IriSP.createAnnotationWidget = function(Popcorn, config, Serializer) {
 IriSP.Widget.call(this, Popcorn, config, Serializer);
 this._hidden = true;
-this.checkOption("keywords");
-this.checkOption("polemic_mode", true);
-this.checkOption("polemics");
-this.checkOption("cinecast_version", false);
-this.checkOption("api_endpoint_template");
-this.checkOption("show_from_field", true);
-this.checkOption("api_method");
-this.checkOption("random_keywords");
-this.checkOption("disable_share", false);
 if (!IriSP.null_or_undefined(IriSP.user)) {
 if (!IriSP.null_or_undefined(IriSP.user.avatar)) {
 this.user_avatar = IriSP.user.avatar;
 }
 this.selector.find(".Ldt-SaKeywordText").text("");
 };
 IriSP.createAnnotationWidget.prototype.draw = function() {
 var _this = this;
-if (typeof this._config.remote_keywords != "undefined" && typeof this._config.remote_keywords) {
+if (typeof this.remote_tags == "object") {
-IriSP.jQuery.getJSON(this._config.remote_keywords, function(_json) {
+IriSP.jQuery.getJSON((typeof this.remote_tags.alias == "string" ? this.remote_tags.alias : this.remote_tags.url), function(_json) {
-_this.keywords = IriSP.underscore(_json.tags).map(function(_tag) {
+_this.tags = _json.tags;
-return _tag.meta.description;
-});
 _this.drawCallback();
 });
 } else {
 this.drawCallback();
 }
 this.selector.hide();
 else {
 this.showStartScreen();
 }
-if (this.random_keywords) {
+if (this.random_tags) {
 this.selector.find(".Ldt-createAnnotation-keywords li").hide();
-this.showMoarTagz();
+this.showMoreTags();
 this.selector.find('.Ldt-createAnnotation-moar-keywordz').click(function() {
-_this.showMoarTagz();
+_this.showMoreTags();
 })
 }
 // Add onclick event to both polemic and keywords buttons
 this.selector.find(".Ldt-createAnnotation-keyword-button, .Ldt-createAnnotation-polemic-button").click(function() {
 });
 // js_mod is a custom event because there's no simple way to test for a js
 // change in a textfield.
 this.selector.find(".Ldt-createAnnotation-Description")
-.bind("propertychange keyup input paste click js_mod", IriSP.wrap(this, this.handleTextChanges));
+.bind("propertychange keyup input paste click js_mod", IriSP.wrap(this, this.handleTextChanges))
+.keyup(function(_e) {
+console.log(_e);
+});
 /* the cinecast version of the player is supposed to pause when the user clicks on the button */
 /* the cinecast version expects the user to comment on a defined segment.
 As the widget is always shown, we need a way to update it's content as
 }
 ));
 }
 };
-IriSP.createAnnotationWidget.prototype.showMoarTagz = function() {
+IriSP.createAnnotationWidget.prototype.showMoreTags = function() {
-for (var j=0; j < this.random_keywords; j++) {
+for (var j=0; j < this.random_tags; j++) {
 var _jq = this.selector.find(".Ldt-createAnnotation-keywords li:hidden");
 if (_jq.length > 1) {
 IriSP.jQuery(_jq[Math.floor(_jq.length*Math.random())]).show();
 } else {
 _jq.show();
 var currentTime = this._Popcorn.currentTime();
 // block the arrow.
 this._Popcorn.trigger("IriSP.ArrowWidget.blockArrow");
-var duration = this._serializer.getDuration();
+var duration = this.getDuration();
 var currentChapter = this._serializer.currentChapitre(currentTime);
 if (IriSP.null_or_undefined(currentChapter)) {
 var left = this.selector.width() / 2;
 this.sliceWidth = params[1];
 };
 IriSP.createAnnotationWidget.prototype.sendLdtData = function(contents, callback) {
 var _this = this;
-var apiJson = {annotations : [{}], meta: {}};
+var apiJson = {
+format : "http://advene.org/ns/cinelab/",
+annotations : [
+{}
+],
+meta: {}};
 var annotation = apiJson.annotations[0];
-annotation.media = this._serializer.currentMedia()["id"];
+annotation.media = this.currentMedia()["id"];
 if (this.cinecast_version) {
 annotation.begin = Math.round(this._Popcorn.currentTime() * 1000);
 annotation.end = annotation.begin;
 } else {
-var duration = this._serializer.getDuration();
+var duration = this.getDuration();
 annotation.begin = +((duration * (this.sliceLeft / 100)).toFixed(0));
 annotation.end = +((duration * ((this.sliceWidth + this.sliceLeft) / 100)).toFixed(0));
 }
 // boundary checks
 annotation.begin = Math.max(0, annotation.begin);
-annotation.end = Math.min(this._serializer.getDuration(), annotation.end);
+annotation.end = Math.min(this.getDuration(), annotation.end);
 annotation.type = ( this.cinecast_version ? "cinecast:UserAnnotation" : ( this._serializer.getContributions() || "" ));
 if (typeof(annotation.type) === "undefined")
 annotation.type = "";
 )
 );
 meta.created = Date().toString();
-// All #hashtags are added to tags
+var _tags = [];
-var _tags = contents.toLowerCase().match(/#[^#\s]+\b/gim) || [];
+IriSP._(this.tags).each(function(_v) {
-this.selector.find('.Ldt-createAnnotation-keyword-button').each(function() {
+var _rx = IriSP.regexpFromText(_v.meta.description);
-var _tx = IriSP.jQuery(this).text(),
-_rx = IriSP.regexpFromText(_tx);
 if (_rx.test(contents)) {
-_tags.push(_tx.toLowerCase())
+_tags.push(_v.id);
 }
 });
+if (typeof this.remote_tags == "object") {
+_tags = IriSP._(_tags).map(function(_t) {
+return _this.remote_tags.id + ':' + _t
+});
+if (typeof apiJson.imports == "undefined") {
+apiJson.imports = [];
+}
+apiJson.imports.push({
+"id" : this.remote_tags.id,
+"url" : this.remote_tags.url
+})
+}
 annotation.tags = IriSP.underscore.uniq(_tags);
 var jsonString = JSON.stringify(apiJson);
 var project_id = this._serializer._data.meta.id;
 //TODO: extract magic url
 annotation.is_new = true;
 // everything is shared so there's no need to propagate the change
 _this._serializer._data.annotations.push(annotation);
 _this._Popcorn.trigger("IriSP.createAnnotationWidget.addedAnnotation", annotation);
+this.selector.find(".Ldt-createAnnotation-Description").val("");
 callback(annotation);
 }),
 error:
 function(jqXHR, textStatus, errorThrown) {
 console.log("an error occured while contacting "
 return;
 }
 // we get it at each call because it may change.
-var duration = this._serializer.getDuration() / 1000;
+var duration = this.getDuration() / 1000;
 var totalTime = IriSP.secondsToTime(duration);
 var elapsedTime = IriSP.secondsToTime(this._Popcorn.currentTime());
 this.selector.find(".Ldt-ElapsedTime").html(elapsedTime.toString());
 this.selector.find(".Ldt-TotalTime").html(totalTime.toString());
 var frameSize     = 5;             // frame size
 var margin         = 1;            // marge between frame
 var lineSize      = this.width;        // timeline pixel width
 var nbrframes     = lineSize/frameSize;     // frame numbers
 var numberOfTweet   = 0;            // number of tweet overide later
-var duration      = this._serializer.getDuration();      // timescale width
+var duration      = this.getDuration();      // timescale width
 var frameLength   = lineSize / frameSize;    // frame timescale
 var timeline;
 var colors  = new Array("","#1D973D","#036AAE","#CE0A15","#C5A62D","#585858");
 // array
 /** update the positionMarker as time passes */
 IriSP.PolemicWidget.prototype.sliderUpdater = function() {
 var time = +this._Popcorn.currentTime();
-var duration = this._serializer.getDuration();
+var duration = this.getDuration();
 this.paperSlider.attr("width", time * (this.width / (duration / 1000)));
 this.sliderTip.attr("x", time * (this.width / (duration / 1000)));
 };
 // event handlers
 this._Popcorn.listen("IriSP.search", function(searchString) { self.searchHandler.call(self, searchString); });
 this._Popcorn.listen("IriSP.search.closed", function() { self.searchFieldClosedHandler.call(self); });
 this._Popcorn.listen("IriSP.search.cleared", function() { self.searchFieldClearedHandler.call(self); });
-this.checkOption("cinecast_version");
 this.defaultColors = ["#1f77b4","#aec7e8","#ff7f0e","#ffbb78","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5","#8c564b","#c49c94","#e377c2","#f7b6d2","#7f7f7f","#c7c7c7","#bcbd22","#dbdb8d","#17becf","#9edae5"]
 };
 IriSP.SegmentsWidget.prototype = new IriSP.Widget();
 this.selector.append(Mustache.to_html(IriSP.overlay_marker_template));
 this.positionMarker = this.selector.find(".Ldt-SegmentPositionMarker");
 this._Popcorn.listen("timeupdate", IriSP.wrap(this, this.positionUpdater));
-var duration = this._serializer.getDuration();
+var duration = this.getDuration();
 if (this.cinecast_version) {
 var segments_annotations = IriSP.underscore.filter(
 this._serializer._data.annotations,
 function(_a) {
 IriSP.SegmentsWidget.prototype.searchFieldClosedHandler = function() {
 this.clear();
 };
 IriSP.SegmentsWidget.prototype.positionUpdater = function() {
-var duration = this._serializer.getDuration() / 1000;
+var duration = this.getDuration() / 1000;
 var time = this._Popcorn.currentTime();
 //var position 	= ((time / duration) * 100).toFixed(2);
 var position 	= ((time / duration) * 100).toFixed(2);
 this.positionMarker.css("left", position + "%");
 if(this.draggingOngoing || this._disableUpdate)
 return;
 var time = this._Popcorn.currentTime();
-var duration = this._serializer.getDuration() / 1000;
+var duration = this.getDuration() / 1000;
 var percents = time / duration;
 /* we do these complicated calculations to center exactly
 the position Marker */
 var parentOffset = this.sliderBackground.parent().offset();
 var width = this.sliderBackground.width();
 var relX = event.pageX - parentOffset.left;
-var duration = this._serializer.getDuration() / 1000;
+var duration = this.getDuration() / 1000;
 var newTime = ((relX / width) * duration).toFixed(2);
 this._Popcorn.currentTime(newTime);
 };
 IriSP.SliderWidget.prototype.foregroundClickHandler = function(event) {
 var parentOffset = this.sliderForeground.parent().offset();
 var width = this.sliderBackground.width();
 var relX = event.pageX - parentOffset.left;
-var duration = this._serializer.getDuration() / 1000;
+var duration = this.getDuration() / 1000;
 var newTime = ((relX / width) * duration).toFixed(2);
 this._Popcorn.currentTime(newTime);
 };
 /* handles when the mouse leaves the slider */
 IriSP.SliderWidget.prototype.mouseOutHandler = function(event) {
 this.timeOutId = window.setTimeout(IriSP.wrap(this, this.minimizeOnTimeout),
-IriSP.widgetsDefaults.SliderWidget.minimize_period);
+this.minimize_period);
 };
 IriSP.SliderWidget.prototype.minimizeOnTimeout = function(event) {
 this.sliderBackground.animate({"height": "5px"}, 100);
 this.sliderForeground.animate({"height": "5px"}, 100);
 */
 var parentOffset = this.sliderForeground.parent().offset();
 var width = this.sliderBackground.width();
 var relX = event.originalEvent.pageX - parentOffset.left;
-var duration = this._serializer.getDuration() / 1000;
+var duration = this.getDuration() / 1000;
 var newTime = ((relX / width) * duration).toFixed(2);
 this._Popcorn.currentTime(newTime);
 this.draggingOngoing = false;
 };
 IriSP.Widget.call(this, Popcorn, config, Serializer);
 this._oldAnnotation = null;
 this._results = [];
-this.lineColor = this._config.lineColor || "#7492b4";
-this.fillColor = this._config.fillColor || "#aeaeb8";
-this.lineWidth = this._config.lineWidth || 2;
 this.slices = this._config.slices || Math.floor(this.width/20);
 if (!this.width) {
 this.width = this.selector.width();
 }
 if (!this.height) {
 }
 this.selector.css("height", this.height + "px");
 if (this._config.background) {
 this.selector.css("background", this._config.background);
 }
-this.checkOption('cinecast_version');
 };
 IriSP.SparklineWidget.prototype = new IriSP.Widget();
 };
 /** draw the sparkline using jquery sparkline */
 IriSP.SparklineWidget.prototype.draw = function() {
-this.duration = this._serializer.getDuration();
+this.duration = this.getDuration();
 this.paper = new Raphael(this.selector[0], this.width, this.height);
 var _this = this;
 var views = this._serializer._data.views;
 var stat_view;
 } else {
 var _annotations = this._serializer._data.annotations,
 _sliceDuration = Math.floor( this.duration / this.slices),
 _results = _(_.range(this.slices)).map(function(_i) {
 return _(_annotations).filter(function(_a){
-return (_a.begin <= (1 + _i) * _sliceDuration) && (_a.end >= _i * _sliceDuration) && (!_this.cinecast_version || _a.type == "cinecast:UserAnnotation")
+return (_a.begin <= (1 + _i) * _sliceDuration) && (_a.end >= _i * _sliceDuration)
 }).length;
 });
 }
 var _max = Math.max(1, _(_results).max()),
 _h = this.height,
 }
 IriSP.StackGraphWidget.prototype = new IriSP.Widget();
 IriSP.StackGraphWidget.prototype.draw = function() {
-var _ = IriSP._,
+var _ = IriSP._;
-_defaultTags = [
-{
-"keywords" : [ "++" ],
-"description" : "positif",
-"color" : "#1D973D"
-},
-{
-"keywords" : [ "--" ],
-"description" : "negatif",
-"color" : "#CE0A15"
-},
-{
-"keywords" : [ "==" ],
-"description" : "reference",
-"color" : "#C5A62D"
-},
-{
-"keywords" : [ "??" ],
-"description" : "question",
-"color" : "#036AAE"
-}
-],
-_defaultDefColor = "#585858";
 this.height =  this._config.height || 50;
 this.width = this.selector.width();
-this.isStreamGraph = this._config.streamgraph || false;
+this.slices = this._config.slices || ~~(this.width/(this.streamgraph ? 20 : 5));
-this.sliceCount = this._config.slices || ~~(this.width/(this.isStreamGraph ? 20 : 5));
+_(this.tags).each(function(_a) {
-this.tagconf = (this._config.tags
-? this._config.tags
-: _defaultTags);
-IriSP._(this.tagconf).each(function(_a) {
 _a.regexp = new RegExp(_(_a.keywords).map(function(_k) {
 return _k.replace(/([\W])/gm,'\\$1');
 }).join("|"),"im")
 });
-this.defaultcolorconf = (this._config.defaultcolor
-? this._config.defaultcolor
-: _defaultDefColor);
 this.paper = new Raphael(this.selector[0], this.width, this.height);
 this.groups = [];
-this.duration = this._serializer.getDuration();
+this.duration = this.getDuration();
 var _annotationType = this._serializer.getTweets(),
-_sliceDuration = ~~ ( this.duration / this.sliceCount),
+_sliceDuration = ~~ ( this.duration / this.slices),
 _annotations = this._serializer._data.annotations,
-_groupedAnnotations = _(_.range(this.sliceCount)).map(function(_i) {
+_groupedAnnotations = _(_.range(this.slices)).map(function(_i) {
 return _(_annotations).filter(function(_a){
 return (_a.begin <= (1 + _i) * _sliceDuration) && (_a.end >= _i * _sliceDuration)
 });
 }),
 _max = IriSP._(_groupedAnnotations).max(function(_g) {
 return _g.length
 }).length,
 _scale = this.height / _max,
-_width = this.width / this.sliceCount,
+_width = this.width / this.slices,
 _showTitle = !this._config.excludeTitle,
 _showDescription = !this._config.excludeDescription;
-var _paths = _(this.tagconf).map(function() {
+var _paths = _(this.tags).map(function() {
 return [];
 });
 _paths.push([]);
-for (var i = 0; i < this.sliceCount; i++) {
+for (var i = 0; i < this.slices; i++) {
 var _group = _groupedAnnotations[i];
 if (_group) {
-var _vol = _(this.tagconf).map(function() {
+var _vol = _(this.tags).map(function() {
 return 0;
 });
 for (var j = 0; j < _group.length; j++){
 var _txt = (_showTitle ? _group[j].content.title : '') + ' ' + (_showDescription ? _group[j].content.description : '')
-var _tags = _(this.tagconf).map(function(_tag) {
+var _tags = _(this.tags).map(function(_tag) {
 return (_txt.search(_tag.regexp) == -1 ? 0 : 1)
 }),
 _nbtags = _(_tags).reduce(function(_a,_b) {
 return _a + _b;
 }, 0);
 return _a + _b;
 }, 0),
 _nbneutre = _group.length - _nbtags,
 _h = _nbneutre * _scale,
 _base = this.height - _h;
-if (!this.isStreamGraph) {
+if (!this.streamgraph) {
 this.paper.rect(i * _width, _base, _width - 1, _h ).attr({
 "stroke" : "none",
-"fill" : this.defaultcolorconf
+"fill" : this.defaultcolor
 });
 }
 _paths[0].push(_base);
-for (var j = 0; j < this.tagconf.length; j++) {
+for (var j = 0; j < this.tags.length; j++) {
 _h = _vol[j] * _scale;
 _base = _base - _h;
-if (!this.isStreamGraph) {
+if (!this.streamgraph) {
 this.paper.rect(i * _width, _base, _width - 1, _h ).attr({
 "stroke" : "none",
-"fill" : this.tagconf[j].color
+"fill" : this.tags[j].color
 });
 }
 _paths[j+1].push(_base);
 }
 this.groups.push(_(_vol).map(function(_v) {
 }))
 } else {
 for (var j = 0; j < _paths.length; j++) {
 _paths[j].push(this.height);
 }
-this.groups.push(_(this.tagconf).map(function() {
+this.groups.push(_(this.tags).map(function() {
 return 0;
 }));
 }
 }
-if (this.isStreamGraph) {
+if (this.streamgraph) {
 for (var j = _paths.length - 1; j >= 0; j--) {
 var _d = _(_paths[j]).reduce(function(_memo, _v, _k) {
 return _memo + ( _k
 ? 'C' + (_k * _width) + ' ' + _paths[j][_k - 1] + ' ' + (_k * _width) + ' ' + _v + ' ' + ((_k + .5) * _width) + ' ' + _v
 : 'M0 ' + _v + 'L' + (.5*_width) + ' ' + _v )
 },'') + 'L' + this.width + ' ' + _paths[j][_paths[j].length - 1] + 'L' + this.width + ' ' + this.height + 'L0 ' + this.height;
 this.paper.path(_d).attr({
 "stroke" : "none",
-"fill" : (j ? this.tagconf[j-1].color : this.defaultcolorconf)
+"fill" : (j ? this.tags[j-1].color : this.defaultcolor)
 });
 }
 }
 this.rectangleFocus = this.paper.rect(0,0,_width,this.height)
 .attr({
 .click(IriSP.wrap(this, this.clickHandler))
 .mousemove(function(_e) {
 _this.updateTooltip(_e);
 // Trace
 var relX = _e.pageX - _this.selector.offset().left;
-var _duration = _this._serializer.getDuration();
+var _duration = _this.getDuration();
 var _time = parseInt((relX / _this.width) * _duration);
 _this._Popcorn.trigger("IriSP.TraceWidget.MouseEvents", {
 "widget" : "StackGraphWidget",
 "type": "mousemove",
 "x": _e.pageX,
 this._Popcorn.trigger("IriSP.StackGraphWidget.clicked", newTime);
 this._Popcorn.currentTime(newTime);
 };
 IriSP.StackGraphWidget.prototype.updateTooltip = function(event) {
-var _segment = Math.max(0,Math.min(this.groups.length - 1, Math.floor(this.sliceCount * (event.pageX - this.selector.offset().left)/this.width))),
+var _segment = Math.max(0,Math.min(this.groups.length - 1, Math.floor(this.slices * (event.pageX - this.selector.offset().left)/this.width))),
 _valeurs = this.groups[_segment],
-_width = this.width / this.sliceCount,
+_width = this.width / this.slices,
-_html = '<ul style="list-style: none; margin: 0; padding: 0;">' + IriSP._(this.tagconf).map(function(_tag, _i) {
+_html = '<ul style="list-style: none; margin: 0; padding: 0;">' + IriSP._(this.tags).map(function(_tag, _i) {
 return '<li style="clear: both;"><span style="float: left; width: 10px; height: 10px; margin: 2px; background: '
 + _tag.color
 + ';"></span>'
 + ~~(100 * _valeurs[_i])
 + '% de '
 + _tag.description
 + '</li>';
 }).join('') + '</ul>';
 this.TooltipWidget._shown = false; // Vraiment, on ne peut pas ouvrir le widget s'il n'est pas encore ouvert ?
-this.TooltipWidget.show('','',(_segment + .5)* this.width / this.sliceCount, 0);
+this.TooltipWidget.show('','',(_segment + .5)* this.width / this.slices, 0);
 this.TooltipWidget.selector.find(".tip").html(_html);
 this.rectangleFocus.attr({
 "x" : _segment * _width,
 "opacity" : .4
 })
 return;
 var title = IriSP.formatTweet(annotation.content.title);
 var img = annotation.content.img.src;
 if (typeof(img) === "undefined" || img === "" || img === "None") {
-img = IriSP.widgetsDefaults.TweetsWidget.default_profile_picture;
+img = this.default_profile_picture;
 }
 var imageMarkup = IriSP.templToHTML("<img src='{{src}}' alt='user image'></img>",
 {src : img});
 }
 this.drawTweet(annotation);
 var time = this._Popcorn.currentTime();
-this._timeoutId = window.setTimeout(IriSP.wrap(this, this.clearPanel), IriSP.widgetsDefaults.TweetsWidget.tweet_display_period);
+this._timeoutId = window.setTimeout(IriSP.wrap(this, this.clearPanel), this.tweet_display_period);
 };
 IriSP.TweetsWidget.prototype.clearPanel = function() {
 this._displayingTweet = false;
 };
 /** load JSON-cinelab data and also sort the annotations by start time
 @param callback function to call when the data is ready.
 */
-IriSP.JSONSerializer.prototype.sync = function(callback) {
+IriSP.JSONSerializer.prototype.sync = function(callback, force_refresh) {
 /* we don't have to do much because jQuery handles json for us */
 var self = this;
 var fn = function(data) {
 	            return a_begin - b_begin;
 	          });
 	  }
 callback(data);
 };
+this._DataLoader.get(this._url, fn, force_refresh);
-this._DataLoader.get(this._url, fn);
 };
 /** @return the metadata about the media being read FIXME: always return the first media. */
 IriSP.JSONSerializer.prototype.currentMedia = function() {
-return this._data.medias[0]; /* FIXME: don't hardcode it */
+return (typeof this._data.medias == "object" && this._data.medias.length) ? this._data.medias[0] : IriSP.__jsonMetadata.medias[0];
 };
+IriSP.JSONSerializer.prototype.getDuration = function() {
+var _m = this.currentMedia();
+if (_m === null || typeof _m.meta == "undefined") {
+return 0;
+}
+return +(IriSP.get_aliased(_m.meta, ["dc:duration", "duration"]) || 0);
+}
 /** searches for an annotation which matches title, description and keyword
 "" matches any field.
 Note: it ignores tweets.
 @return a list of matching ids.
 if (typeof(val) === "undefined")
 val = this.getId("Publ");
 return val;
 };
-IriSP.JSONSerializer.prototype.getDuration = function() {
-return +(IriSP.get_aliased(this.currentMedia().meta, ["dc:duration", "duration"]) || 0);
-}

metadataplayer