--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/test/spel-2.htm Tue Oct 01 15:41:46 2013 +0200
@@ -0,0 +1,91 @@
+<!doctype html>
+<html>
+
+ <head>
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+ <title>Tests Spectacle en ligne(s)</title>
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+ <link href='test.css' rel='stylesheet' type='text/css'>
+ <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js"></script>
+ <script type="text/javascript" src="spel-serializer.js"></script>
+ </head>
+
+ <body>
+ <section style="width: 1070px; margin: 0 auto">
+ <h1>Tests Spectacle en ligne(s)</h1>
+ <div id="LdtPlayer"></div>
+ <div id="AnnotationsListContainer"></div>
+ </section>
+ <script type="text/javascript">
+IriSP.libFiles.defaultDir = "libs/";
+IriSP.widgetsDir = "metadataplayer";
+var _metadata = {
+ url: "json/extrait-celestins-paris.json",
+ format: 'spel'
+};
+var _config = {
+ width : 550,
+ container : 'LdtPlayer',
+ default_options: {
+ metadata: _metadata
+ },
+ css : 'metadataplayer/LdtPlayer-core.css',
+ widgets: [
+ {
+ type: "Title"
+ },
+ {
+ type: "JwpPlayer",
+ video: "rtmpt://sln8pxlnphabw.cloudfront.net/cfx/st/mp4:2013-09-11_11-00-57_extrait-celesti_8878b1/original_web_low.mp4",
+ height: 320
+ },
+ { type: "Slider" },
+ { type: "Controller" },
+ {
+ type: "Segments",
+ annotation_type: ["performance","discussion"]
+ },
+ {
+ type: "Annotation",
+ show_social: false,
+ show_annotation_type: true,
+ annotation_type: ["performance","discussion"]
+ },
+ {
+ type: "Polemic",
+ annotation_type: "interpretation",
+ polemics: [
+ {
+ keywords: [ "performance d'un(e) comédien(ne)" ],
+ color: "#c00000"
+ },
+ {
+ keywords: [ "Interpétation alternative de mise en scène" ],
+ color: "#008000"
+ },
+ {
+ keywords: [ "Intervention de la technique" ],
+ color: "#0000f0"
+ },
+ ]
+ },
+ {
+ type: "Annotation",
+ annotation_type: "interpretation",
+ show_social: false,
+ arrow_position: 0
+ },
+ {
+ type: "SpelSyncHtml",
+ container: "AnnotationsListContainer",
+ height: 600,
+ width: 500,
+ src: "ctb.html"
+ }
+ ]
+};
+_myPlayer = new IriSP.Metadataplayer(_config);
+ </script>
+ </body>
+</html>