61 |
61 |
62 Les sources de métadonnées sont utilisées ensuite dans la configuration de la fenêtre vidéo et de ses widgets. |
62 Les sources de métadonnées sont utilisées ensuite dans la configuration de la fenêtre vidéo et de ses widgets. |
63 |
63 |
64 ## Configuration de la fenêtre vidéo ## |
64 ## Configuration de la fenêtre vidéo ## |
65 |
65 |
66 Les options de configuration de la fenêtre vidéo sont: |
66 Dans cette version, la fenêtre vidéo est désormais un widget. Cette section est donc obsolète. |
67 |
|
68 - **metadata**: La source de métadonnées utilisée, notamment pour obtenir l’URL de la vidéo. |
|
69 - **type**: Le type de player vidéo utilisé. Les players disponibles sont : |
|
70 - **"jwplayer"**: Utilise le player flash jwPlayer, compatible avec de nombreux formats vidéo et audio et les flux RTMP. |
|
71 - **"html5"**: Utilise la bibliothèque Popcorn et les vidéos HTML5. Formats supportés: OGG et WebM sur Firefox et Chrome, H.264 sur Internet Explorer et Safari. |
|
72 - **"youtube"**: Utilise le plugin Youtube de Popcorn pour afficher les vidéos Youtube. |
|
73 - **"dailymotion"** |
|
74 - **"auto"**: Remplacé par *Youtube* ou *Dailymotion* pour une vidéo sur l’un de ces sites et par JwPlayer sinon. |
|
75 - **width** et **height**: largeur et hauteur de la fenêtre vidéo. |
|
76 - **video**: URL de la vidéo. Si ce paramètre est présent, il écrase l’URL chargée dans les métadonnées |
|
77 - Paramètres spécifiques à chaque player, qui seront transférés tels quels, par exemple **provider** pour JwPlayer |
|
78 |
|
79 Exemple: |
|
80 |
|
81 var playerConfig = { |
|
82 metadata: metadataSource, |
|
83 type: "jwplayer", |
|
84 height: 350, |
|
85 width: 620, |
|
86 provider: "rtmp" |
|
87 }; |
|
88 |
67 |
89 ## Configuration de l’interface utilisateur ## |
68 ## Configuration de l’interface utilisateur ## |
90 |
69 |
91 L’interface se configure par un objet GUI, contenant les propriétés suivantes: |
70 L’interface se configure par un objet contenant les propriétés suivantes: |
92 |
71 |
93 - **container**: l’ID de l’élément HTML dans lequel le player sera instancié. |
72 - **container**: l’ID de l’élément HTML dans lequel le player sera instancié. |
94 - **width** et **height**: largeur et hauteur de l’interface (*height* est optionnel). |
73 - **width** et **height**: largeur et hauteur de l’interface (*height* est optionnel). |
95 - **default\_options**: des options de configuration communes à tous les widgets, par exemple, comme ci-dessous, une source de métadonnées communes. |
74 - **default\_options**: des options de configuration communes à tous les widgets, par exemple, comme ci-dessous, une source de métadonnées communes. |
96 - **css**: l’URL du fichier CSS de base (LdtPlayer-core.css) |
75 - **css**: l’URL du fichier CSS de base (LdtPlayer-core.css) |
97 - **widgets**: la liste des widgets, sous la forme [ { type: *Type du widget*, option_1: *Valeur de l’option 1* } ]. Pour les options des widgets, se référer au document *Architecture générale* |
76 - **widgets**: la liste des widgets, sous la forme [ { type: *Type du widget*, option_1: *Valeur de l’option 1* } ]. Pour les options des widgets, se référer au document *Architecture générale* |
98 |
77 |
99 Exemple: |
78 Exemple: |
100 |
79 |
101 var guiConfig = { |
80 var config = { |
102 container : "Metadataplayer", |
81 container : "Metadataplayer", |
103 default_options: { |
82 default_options: { |
104 metadata: metadataSource |
83 metadata: metadataSource |
105 }, |
84 }, |
106 css : "metadataplayer/css/LdtPlayer-core.css", |
85 css : "metadataplayer/css/LdtPlayer-core.css", |
107 widgets: [ |
86 widgets: [ |
|
87 { |
|
88 type: "AutoPlayer" |
|
89 }, |
108 { |
90 { |
109 type: "Slider" |
91 type: "Slider" |
110 },{ |
92 },{ |
111 type: "Controller", |
93 type: "Controller", |
112 disable\_annotate\_btn: true |
94 disable\_annotate\_btn: true |