--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/wwwcorpus/playeropera.html Tue Mar 18 14:08:02 2014 +0100
@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="description" content="">
+ <meta name="author" content="">
+ <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+ <title>Player Corpus Spectacle en ligne(s)</title>
+
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+
+ <!-- MD-player -->
+ <link href='css/test.css' rel='stylesheet' type='text/css'>
+ <script type="text/javascript" src="libs/jquery.min.js"></script>
+ <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js"></script>
+ <script type="text/javascript" src="spel-serializer.js"></script>
+
+ <!-- Bootstrap core CSS -->
+ <link href="css/bootstrap.min.css" rel="stylesheet">
+
+ <!-- Custom styles for this template -->
+ <link href="css/starter-template.css" rel="stylesheet">
+
+ <!-- Just for debugging purposes. Don't actually copy this line! -->
+ <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+
+ <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+ <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+ <![endif]-->
+ </head>
+
+ <body>
+
+ <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+ <div class="container">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <!-- <a class="navbar-brand nav-logo" id="logo" href="#"><img src="img/sel_logo_small.png"></a> -->
+ <a class="navbar-brand" id="logo" href="#"><img src="img/sel_logo_small.png"></a>
+ </div>
+ <div class="collapse navbar-collapse">
+ <ul class="nav navbar-nav">
+ <li><a href="index.html">Accueil</a></li>
+ <li><a href="index.html#theatre">Chatte sur un toit brûlant</a></li>
+ <li class="active"><a href="index.html#opera">Elena</a></li>
+ </ul>
+ </div><!--/.nav-collapse -->
+ </div>
+ </div>
+
+ <div class="container">
+ <section style="width: 1070px; margin: 0 auto">
+ <!-- <h1>Tests Spectacle en ligne(s)</h1> -->
+ <div class="Ldt-TitleWidget"><h2 id="titreplayer" style="margin-left:10px;"></h2></div>
+ <div id="LdtPlayer"></div>
+ <div id="AnnotationsListContainer"></div>
+ </section>
+ <script type="text/javascript">
+
+
+ function getURLParameter(name) {
+ return decodeURI(
+ (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
+ );
+ }
+ $(document).ready(function(){
+
+ // Get group array number
+ var g = getURLParameter("g");
+ var d = getURLParameter("d");
+ var f = getURLParameter("f");
+ if(typeof g=="string"){
+ $("#titreplayer").html(g);
+ IriSP.libFiles.defaultDir = "libs/";
+ IriSP.widgetsDir = "metadataplayer";
+ var _metadata = {
+ url: "/data/" + d + "/" + g + "/cinelab.json",
+ format: 'spel'
+ };
+ var _config = {
+ width : 550,
+ container : 'LdtPlayer',
+ default_options: {
+ metadata: _metadata
+ },
+ css : 'metadataplayer/LdtPlayer-core.css',
+ widgets: [
+ {
+ type: "PlaceholderPlayer", /*ou HtmlPlayer si HTML5*/
+ height: 40
+ },
+ {
+ type: "HtmlPlayer", /*ou HtmlPlayer si HTML5*/
+ video: "/data/" + d + "/" + g + "/" + f,
+ 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"]
+ },
+ ]
+ };
+ _myPlayer = new IriSP.Metadataplayer(_config);
+
+ }
+
+ });
+
+
+
+ </script>
+ </div><!-- /.container -->
+
+
+ <!-- Bootstrap core JavaScript
+ ================================================== -->
+ <!-- Placed at the end of the document so the pages load faster -->
+ <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
+ <script src="js/bootstrap.min.js"></script>
+ <script>
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+ })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+ ga('create', 'UA-45994307-2', 'insa-lyon.fr');
+ ga('send', 'pageview');
+
+ </script>
+ </body>
+</html>