web/tagging/index.html
author clebeaupin
Tue, 01 Jun 2010 17:40:18 +0200
changeset 134 8438ed258dd1
parent 2 65157edaee3e
permissions -rw-r--r--
Fix identity extraction
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
2
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
     1
<html>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
     2
  <head>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
     3
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
     4
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
     5
    <script type="text/javascript" src="flowplayer-3.1.2.min.js"></script>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
     6
    <script type="text/javascript" src="tagtool.js"></script>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
     7
    <script type="text/javascript" src="segments.js"></script>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
     8
    <link rel="stylesheet" type="text/css" href="style.css">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
     9
    
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    10
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    11
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    12
    <style type="text/css">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    13
    .seg_container {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    14
        margin: 10px;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    15
    }
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    16
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    17
    .segtimeline {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    18
        width: 500px;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    19
        height:15px;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    20
        border: 1px solid black;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    21
    }
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    22
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    23
    .segtimeline > div {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    24
        height: 15px;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    25
        background: black;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    26
    }
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    27
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    28
    .seghiglighted {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    29
        background: #ffcc33 !important;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    30
    }
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    31
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    32
    </style>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    33
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    34
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    35
    <title>Marquer un extrait</title>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    36
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    37
    <script type="text/javascript">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    38
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    39
    // Charge le player
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    40
    flowplayer("player", "flowplayer-3.1.2.swf",
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    41
               {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    42
                   clip: {url: "xxy.f4v",
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    43
                          autoPlay: false,
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    44
                          autoBuffering: true,
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    45
                          onSeek: function() {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    46
                              playerSeek();
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    47
                          }
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    48
                         },
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    49
                   
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    50
                   plugins: {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    51
                       
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    52
                       content: {url: "flowplayer.content-3.1.0.swf",
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    53
                                 backgroundColor: 'transparent',
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    54
                                 display: 'none',
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    55
                                 style: {p: {fontSize: 15}}
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    56
                                }
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    57
                       
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    58
                   },
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    59
                   
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    60
                   onLoad: function() {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    61
                       playerLoaded(this);
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    62
                   },
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    63
                   
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    64
                   onUnload: function() {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    65
                       playerUnloaded(this);
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    66
                   },
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    67
                   onError: function(code,msg) {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    68
                       alert(msg);
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    69
                   },
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    70
               });
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    71
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    72
               
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    73
               function loadSegments() {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    74
                  
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    75
                   if ($f().getClip() == undefined) {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    76
                       window.setTimeout("loadSegments()",2000);
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    77
                       return false;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    78
                   }
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    79
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    80
                   var duration = Math.round($f().getClip().fullDuration*10) * 100;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    81
                 
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    82
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    83
                   var segments = tagTool.segments;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    84
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    85
                   for (seg in segments) {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    86
                       var segd = segments[seg].sout - segments[seg].sin;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    87
                       var percent = Math.round(segd * 100 / duration);
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    88
                       var offset = Math.round(segments[seg].sin * 100 / duration);
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    89
                       var c = $('#seg_container_template').clone().removeAttr("id");
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    90
                       $("#segments").append(c);
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    91
                       $("span", c).html('<strong>' + tagTool.segments[seg].tag +'</strong> par ' + segments[seg].user);
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    92
                       $("#seg_0", c).css({'margin-left': offset+'%', 'width': percent+'%'})
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    93
                       .attr('id', 'seg_' + seg)
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    94
                       .click(function() {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    95
                           seg_id = $(this).attr("id");
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    96
                           seg_id = seg_id.substr(seg_id.indexOf('_') + 1);
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    97
                           tagTool.playSegment(seg_id, $("#pauseAfter").val());
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    98
                       });
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
    99
                       c.show();
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   100
                   }
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   101
               }
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   102
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   103
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   104
               function playerSeek() {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   105
                   tagTool.rebuildCurrentTags(tagTool.player.getTime() * 1000);
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   106
               }
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   107
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   108
               
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   109
               function playerLoaded(player) {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   110
                   // Charge les tags
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   111
    $("#segmentMarkerButtons").css("opacity",1);
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   112
                           $("#btMarkIn").removeAttr("disabled");
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   113
                    $.getJSON("loadtags.php", "", function(data) {
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   114
                        tagTool.segments = data;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   115
                        tagTool.setupHandlers($f("player"));
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   116
                        window.setTimeout("loadSegments()", 2000);
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   117
                    });
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   118
 
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   119
                   tagTool.player = $f("player");
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   120
                   tagTool.showTagInPage = false;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   121
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   122
               }
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   123
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   124
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   125
    </script>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   126
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   127
  </head>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   128
  <body>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   129
    <div id="page">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   130
      <h1>Marquer un extrait</h1>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   131
      <p>Cette page vous permet de marquer un passage de la vidéo avec un mot clé</p>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   132
      
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   133
      <div style="display:block;width:520px;height:330px;background:#aaa;" id="player">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   134
      </div>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   135
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   136
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   137
      <p id="segmentMarkerButtons" style="text-align:center;opacity:0.5">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   138
	<button type="button" id="btMarkIn"  disabled onClick="segmentMarker.markIn()">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   139
	  Marquer le début
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   140
	</button>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   141
	<button type="button" id="btMarkOut" disabled onClick="segmentMarker.markOut()">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   142
	  Marquer la fin
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   143
	</button>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   144
	<button type="button" id="btPlaySegment" disabled onClick="segmentMarker.playSegment()">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   145
	  Lire la séquence
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   146
	</button>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   147
      </p>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   148
      
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   149
      <form action="savetag.php" method="post" id="segmentForm" style="display: none;">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   150
        <h2>Enregistrer votre segment</h2>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   151
        <p>Vous aller créer un segment, entre <span id="mkin">0</span> et <span id="mkout">0</span>.</p>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   152
        <p style="text-align: center;">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   153
          Votre tag : <input type="text" id="usertag" name="usertag" />&nbsp;
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   154
          Nom d'utilisateur : <input type="text" id="username" name="username" value="visteur" />
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   155
          <input type="hidden" name="xtid" value="<?php echo extract.id;?>" />
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   156
          <input type="hidden" name="timein" id="frmIn" value="0" />
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   157
          <input type="hidden" name="timeout" id="frmOut" value="0" />
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   158
          <input type="submit" value="Enregistrer" />
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   159
        </p>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   160
      </form>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   161
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   162
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   163
      <h2>Segments</h2>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   164
      <p>Segments déjà créés. Cliquez sur un segment pour le lire.</p>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   165
      <p><input type="checkbox" id="pauseAfter" checked /> Faire une pause à la fin du segment</p>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   166
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   167
      <div id="segments">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   168
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   169
        <div class="seg_container" id="seg_container_template" style="display: none">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   170
          <span class="tagname">Tag</span>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   171
          <div class="segtimeline">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   172
            <div id="seg_0">.</div>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   173
          </div>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   174
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   175
      </div>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   176
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   177
      <div id="dbg">
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   178
    <ul>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   179
    </ul>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   180
    </div>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   181
  </body>
65157edaee3e Tagging proof of concept
Boris de Laage <bdelaage@universcine.com>
parents:
diff changeset
   182
</html>