test/spel-2.html
changeset 1072 ac1eacb3aa33
parent 1069 2409cb4cebaf
child 1076 510fd2a482f4
equal deleted inserted replaced
1071:02c04d2c8fd8 1072:ac1eacb3aa33
       
     1 <!doctype html>
       
     2 <html>
       
     3 
       
     4     <head>
       
     5         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
       
     6         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
       
     7         <title>Tests Spectacle en ligne(s)</title>
       
     8         <link href='open-sans/css/fonts.css' rel='stylesheet' type='text/css'>
       
     9         <link href='test.css' rel='stylesheet' type='text/css'>
       
    10         <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js"></script>
       
    11         <script type="text/javascript" src="spel-serializer.js"></script>
       
    12     </head>
       
    13 
       
    14     <body>
       
    15         <section style="width: 1070px; margin: 0 auto">
       
    16             <h1>Tests Spectacle en ligne(s)</h1>
       
    17             <div id="LdtPlayer"></div>
       
    18             <div id="AnnotationsListContainer"></div>
       
    19         </section>
       
    20         <script type="text/javascript">
       
    21 IriSP.libFiles.defaultDir = "libs/";
       
    22 IriSP.widgetsDir = "metadataplayer";
       
    23 var _metadata = {
       
    24     url: "json/extrait-celestins-paris.json",
       
    25     format: 'spel'
       
    26 };
       
    27 var _config = {
       
    28     width : 550,
       
    29     container : 'LdtPlayer',
       
    30     default_options: {
       
    31         metadata: _metadata
       
    32     },
       
    33     css : 'metadataplayer/LdtPlayer-core.css',
       
    34     widgets: [
       
    35         {
       
    36             type: "Title"
       
    37         },
       
    38         {
       
    39             type: "JwpPlayer",
       
    40             video: "rtmpt://sln8pxlnphabw.cloudfront.net/cfx/st/mp4:2013-09-11_11-00-57_extrait-celesti_8878b1/original_web_low.mp4",
       
    41             height: 320
       
    42         },
       
    43         { type: "Slider" },
       
    44         { type: "Controller" },
       
    45         {
       
    46             type: "Segments",
       
    47             annotation_type: ["performance","discussion"]
       
    48         },
       
    49         {
       
    50             type: "Annotation",
       
    51             show_social: false,
       
    52             show_annotation_type: true,
       
    53             annotation_type: ["performance","discussion"]
       
    54         },
       
    55         {
       
    56             type: "Polemic",
       
    57             annotation_type: "interpretation",
       
    58             polemics: [
       
    59                 {
       
    60                     keywords: [ "performance d'un(e) comédien(ne)" ],
       
    61                     color: "#c00000"
       
    62                 },
       
    63                 {
       
    64                     keywords: [ "Interpétation alternative de mise en scène" ],
       
    65                     color: "#008000"
       
    66                 },
       
    67                 {
       
    68                     keywords: [ "Intervention de la technique" ],
       
    69                     color: "#0000f0"
       
    70                 },
       
    71             ]
       
    72         },
       
    73         {
       
    74             type: "Annotation",
       
    75             annotation_type: "interpretation",
       
    76             show_social: false,
       
    77             arrow_position: 0
       
    78         },
       
    79         {
       
    80             type: "SpelSyncHtml",
       
    81             container: "AnnotationsListContainer",
       
    82             height: 600,
       
    83             width: 500,
       
    84             src: "ctb.html"
       
    85         }
       
    86     ]
       
    87 };
       
    88 _myPlayer = new IriSP.Metadataplayer(_config);
       
    89         </script>
       
    90     </body>
       
    91 </html>