--- a/test/spel.htm Sat Oct 19 01:34:55 2024 +0200
+++ b/test/spel.htm Tue Oct 22 07:03:54 2024 +0200
@@ -1,92 +1,94 @@
-<!doctype html>
+<!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='open-sans/css/fonts.css' 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>
+ <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="open-sans/css/fonts.css" 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/cinelab1.json",
- format: 'spel'
-};
-var _config = {
- width : 550,
- container : 'LdtPlayer',
- default_options: {
- metadata: _metadata
- },
- css : 'metadataplayer/LdtPlayer-core.css',
- widgets: [
- {
- type: "Title"
+ <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.widgetsDir = "metadataplayer";
+ var _metadata = {
+ url: "json/cinelab1.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-07-05_10-39-03_test-vecsys-fil_4f8a31/original_web_low.mp4",
- height: 320
- },
- { type: "Slider" },
- { type: "Controller" },
- {
+ video:
+ "rtmpt://sln8pxlnphabw.cloudfront.net/cfx/st/mp4:2013-07-05_10-39-03_test-vecsys-fil_4f8a31/original_web_low.mp4",
+ height: 320,
+ },
+ { type: "Slider" },
+ { type: "Controller" },
+ {
type: "Segments",
- annotation_type: ["performance","discussion"]
- },
- {
+ annotation_type: ["performance", "discussion"],
+ },
+ {
type: "Annotation",
show_social: false,
show_annotation_type: true,
- annotation_type: ["performance","discussion"]
- },
- {
+ annotation_type: ["performance", "discussion"],
+ },
+ {
type: "Polemic",
annotation_type: "interpretation",
only_allow_zero_duration_annotations: false,
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"
- },
- ]
- },
- {
+ {
+ 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
- },
- {
+ arrow_position: 0,
+ },
+ {
type: "SpelSyncHtml",
container: "AnnotationsListContainer",
height: 600,
width: 500,
- src: "ctb.html"
- }
- ]
-};
-_myPlayer = new IriSP.Metadataplayer(_config);
- </script>
- </body>
+ src: "ctb.html",
+ },
+ ],
+ };
+ _myPlayer = new IriSP.Metadataplayer(_config);
+ </script>
+ </body>
</html>