ATTENTION ! Cette documentation se réfère à la dernière version du Metadataplayer, disponible dans la branche default du repository http://www.iri.centrepompidou.fr/dev/hg/metadataplayer
Le fichier LdtPlayer-core.js doit être référencé dans l'entête du fichier HTML
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Test d’intégration du Metadataplayer</title>
<script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script>
</head>
<body>
<div id="Metadataplayer"></div>
Le script doit se faire après le chargement de l’élément, soit en rajoutant un élément <script> en bas de page, soit en utilisant un événement de type body.onload ou, avec jQuery, $(document).ready()
<script type="text/javascript">
La langue est définie par un code ISO 639-1 (par exemple, "es" pour l’Espagnol, "ja" pour le Japonais, "eu" pour le Basque, "ee" pour l’Ewe). Pour l’instant, seuls l’Anglais ("en") et le Français ("fr") sont disponibles.
IriSP.language = "fr";
Par défaut (fichier defaults.js), les bibliothèques sont chargées soit depuis un CDN (Content Distribution Network), soit depuis le répertoire js/libs
La configuration se fait par les propriétés de l’objet IriSP.libFiles
Pour utiliser le CDN:
IriSP.libFiles.useCdn = true;
Pour changer la localisation du répertoire des bibliothèques:
IriSP.libFiles.defaultDir = "/chemin/libs";
Pour changer la localisation d’une bibliothèque individuellement:
IriSP.libFiles.locations.jQueryUI = "libs/jquery-ui-1.8.16.custom.min.js";
IriSP.libFiles.locations.jwPlayerSWF = "libs/jwplayer/player.swf";
Une source de métadonnées est définie par son URL et le type de sérialiseur à utiliser.
Par exemple:
var metadataSource = {
url: "data/mydata.json",
type: "ldt"
};
Les sources de métadonnées sont utilisées ensuite dans la configuration de la fenêtre vidéo et de ses widgets.
Les options de configuration de la fenêtre vidéo sont:
Exemple:
var playerConfig = {
metadata: metadataSource,
type: "jwplayer",
height: 350,
width: 620,
provider: "rtmp"
};
L’interface se configure par un objet GUI, contenant les propriétés suivantes:
Exemple:
var guiConfig = {
container : "Metadataplayer",
default_options: {
metadata: metadataSource
},
css : "metadataplayer/css/LdtPlayer-core.css",
widgets: [
{
type: "Slider"
},{
type: "Controller",
disable\_annotate\_btn: true
},{
type: "Segments",
annotation\_type: "Chapters"
},{
type: "AnnotationsList",
container: "AnnotationsListContainer"
}
]
};
Le player s’instancie en créant un objet de type IriSP.Metadataplayer.
Exemple:
var config = {
player: playerConfig,
gui: guiConfig
};
var monPlayer = new IriSP.Metadataplayer(config);