web/index.html
author cavaliet
Wed, 23 Oct 2013 16:48:59 +0200
changeset 14 960eb22c078c
parent 13 e47226cc243d
child 15 c004d0e2face
permissions -rwxr-xr-x
test renkan
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     1
<!doctype html>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     2
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr"> <![endif]-->
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     3
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="fr"> <![endif]-->
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     4
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="fr"> <![endif]-->
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     5
<!--[if gt IE 8]><!--> <html class="no-js" lang="fr"> <!--<![endif]-->
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     6
<head>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     7
  <meta charset="utf-8">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     8
  <title>Digital Studies - Home</title>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     9
  <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    10
  <link rel="stylesheet" href="./css/ds.css">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    11
</head>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    12
<body>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    13
 <div id="wrapper">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    14
	<header class="navbar navbar-inverse" role="banner">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    15
	  <div class="container">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    16
	    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    17
	      <ul class="nav navbar-nav">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    18
	        <li>
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
    19
	          <a class="videolink" data-videoid="0"><img src="./img/logodsrose2" alt="Logo Digital Studies" /></a>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    20
	        </li>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    21
	      </ul>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    22
          <ul class="nav navbar-nav" style="float:right;">
7
b5586438642d update css and data
cavaliet
parents: 6
diff changeset
    23
              <li><a href="http://www.lemonde.fr" target="_blank" title="Article de Bernard Stiegler dans Le Monde">Le Monde</a></li>
8
cavaliet
parents: 7
diff changeset
    24
              <li><a href="http://www.france-universite-numerique.fr/" target="_blank" title="France Université Numérique">FUN</a></li>
7
b5586438642d update css and data
cavaliet
parents: 6
diff changeset
    25
              <li><a href="http://pharmakon.fr/" target="_blank">Pharmakon</a></li>
b5586438642d update css and data
cavaliet
parents: 6
diff changeset
    26
              <li><a href="http://digital-studies.org/" target="_blank">Digital Studies</a></li>
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
    27
              <li><a href="http://renkan.iri-research.org/renkan/s/adae5482-3b12-11e3-8312-5fa5e5b09a85" target="_blank">Renkan</a></li>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    28
          </ul>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    29
	    </nav>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    30
	  </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    31
	</header>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    32
	<div class="container">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    33
    <div class="row divctn">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    34
      <div class="col-md-4">
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    35
        <div class="videotitle" id="videotitle0">
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
    36
          <p><a class="videolink" data-videoid="0"><strong>Introduction</strong></a> <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#abstract">Voir plus</button></p>
3
cca75fee01f1 changes
cavaliet
parents: 2
diff changeset
    37
          <div id="abstract" class="collapse">
cca75fee01f1 changes
cavaliet
parents: 2
diff changeset
    38
            <p>Avec l’apparition du web, c’est la nature même des savoirs sous toutes leurs formes qui a changé tandis que l’écriture réticulaire devenait accessible aux publics les plus divers. Ceux-ci ont redéfini les conditions de la parité et de ce fait l’université est entrée dans un nouvel âge. C’est ce fait majeur, massif et à bien des égards stupéfiant qui requiert le développement des digital studies prôné par la ministre de l’enseignement supérieur et de la recherche.</p>
cca75fee01f1 changes
cavaliet
parents: 2
diff changeset
    39
            <p>L’enjeu majeur représenté par les enseignements numériques vient rationnellement après celui de la recherche et des études numériques. Il s’agit d’impulser une dynamique qui repense les rapports des savoirs à leurs supports (dont les MOOCs) avec les universités et les institutions académiques, et qui, par la recherche, redéfinisse leur rôle dans ce nouveau contexte.</p>
cca75fee01f1 changes
cavaliet
parents: 2
diff changeset
    40
            <p>La technologie du vidéolivre est un support nouveau pour un réseau de lecteurs constituant une communauté plurielle d’interprétations. Ce n’est là qu’un exemple de ces nouveaux dispositifs du débat public auxquels il est fondamental d’initier et d’associer le plus tôt possible les étudiants.</p>
cca75fee01f1 changes
cavaliet
parents: 2
diff changeset
    41
          </div>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    42
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    43
        <div class="videotitle" id="videotitle1">
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
    44
          <p>Chapitre 1&nbsp;: L'État et le numérique<br/><a class="videolink" data-videoid="1r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_4A4E73E4-D9D6-8CAF-D0BC-C25BB3FB74D1">vidéo complète</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    45
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    46
        <div class="videotitle" id="videotitle2">
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
    47
          <p>Chapitre 2&nbsp;: Technologies, savoirs et sociétés<br/><a class="videolink" data-videoid="2r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_4D13D984-3BC6-3B20-41B1-C6338469F14C">vidéo complète</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    48
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    49
        <div class="videotitle" id="videotitle3">
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
    50
          <p>Chapitre 3&nbsp;: Qui pour guider une politique sur le numérique ?<br/><a class="videolink" data-videoid="3r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_69946E8D-51C2-9F9D-0712-C724E69391DC">vidéo complète</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    51
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    52
        <div class="videotitle" id="videotitle4">
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
    53
          <p>Chapitre 4&nbsp;: La polémique, mère de tous savoirs<br/><a class="videolink" data-videoid="4r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_B7DCB161-B412-EA93-2887-C726314774EA">vidéo complète</a></p>
3
cca75fee01f1 changes
cavaliet
parents: 2
diff changeset
    54
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    55
        <div class="videotitle" id="videotitle5">
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
    56
          <p>Chapitre 5&nbsp;: La catégorisation contributive<br/><a class="videolink" data-videoid="5r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_8CB9DCD2-FF09-33A7-3847-DA326EB5D96B">vidéo complète</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    57
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    58
        <div class="videotitle" id="videotitle6">
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
    59
          <p>Chapitre 6&nbsp;: Sur l'industrie éditoriale numérisée<br/><a class="videolink" data-videoid="6r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_FFFFE45E-6991-959C-9347-C72C13F00EA4">vidéo complète</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    60
        </div>
7
b5586438642d update css and data
cavaliet
parents: 6
diff changeset
    61
        <div class="videotitle" id="videotitle7">
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
    62
          <p>Chapitre 7&nbsp;: Propositions pour France Université Numérique<br/><a class="videolink" data-videoid="7r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_A40AC98F-AF31-7107-3FB4-C72EF6462E9E">vidéo complète</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    63
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    64
        <div class="videotitle" id="videotitlef">
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
    65
          <p><a class="videolink" data-videoid="full">Vidéo complète chapitrée</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    66
        </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    67
      </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    68
      <div class="col-md-8" id="videocontainer">Pour commencer, cliquez sur "Vidéo chapitrée du résumé" ou "Vidéo complète chapitrée"</div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    69
    </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    70
	</div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    71
    <footer>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    72
      <div class="container row">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    73
        <div class="footer-img col-md-6">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    74
            <a href="http://www.iri.centrepompidou.fr" target="_blank"><img src="./img/logo_IRI_footer.png" alt="Logo IRI" /></a>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    75
            <a href="http://arsindustrialis.org/" target="_blank"><img src="./img/logoarsindustrialis.jpg" alt="Logo ars" /></a>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    76
            <a href="http://pharmakon.fr/" target="_blank"><img src="./img/logo_pharmakon.png" alt="Logo Pharmakon" /></a>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    77
        </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    78
        <div class="col-md-6">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    79
          <div class="text-right" id="copyright-version">©2013 <a href="http://www.iri.centrepompidou.fr" target="_blank">IRI</a></div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    80
        </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    81
      </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    82
    </footer>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    83
  </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    84
  <script type="text/javascript" src="./lib/jquery-1.9.1.js"></script>
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
    85
  <script type="text/javascript" src="./lib/jquery.history.js"></script>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    86
  <script type="text/javascript" src="./lib/bootstrap/js/bootstrap.min.js"></script>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    87
  <script type="text/javascript">
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
    88
    
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
    89
    var cur_vid = "";
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
    90
  
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    91
    var iframes = {
8
cavaliet
parents: 7
diff changeset
    92
      "0" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=37903d3c-3b21-11e3-9592-00145ea4a2be&project_id=49bd6124-3b21-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    93
      "1" : "<p>iframe à venir, vidéo n°1</p>",
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    94
      "1r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=0718fd52-3af8-11e3-8796-00145ea4a2be&project_id=2a7b8bde-3af8-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    95
      "2" : "<p>iframe à venir, vidéo n°2</p>",
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    96
      "2r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=fc7a32a2-3af8-11e3-a863-00145ea4a2be&project_id=0f2c892c-3af9-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    97
      "3" : "<p>iframe à venir, vidéo n°3</p>",
8
cavaliet
parents: 7
diff changeset
    98
      "3r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=d25c9198-3b1d-11e3-9592-00145ea4a2be&project_id=e48881ce-3b1d-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    99
      "4" : "<p>iframe à venir, vidéo n°4</p>",
8
cavaliet
parents: 7
diff changeset
   100
      "4r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=80cb7000-3b1e-11e3-a863-00145ea4a2be&project_id=94b99f56-3b1e-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   101
      "5" : "<p>iframe à venir, vidéo n°5</p>",
8
cavaliet
parents: 7
diff changeset
   102
      "5r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=97f6803a-3b1e-11e3-a863-00145ea4a2be&project_id=ab17cb92-3b1e-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   103
      "6" : "<p>iframe à venir, vidéo n°6</p>",
8
cavaliet
parents: 7
diff changeset
   104
      "6r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=b5d5d498-3b1e-11e3-9592-00145ea4a2be&project_id=ca23cbb2-3b1e-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   105
      "7" : "<p>iframe à venir, vidéo n°7</p>",
8
cavaliet
parents: 7
diff changeset
   106
      "7r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=8eb32054-3b1f-11e3-9592-00145ea4a2be&project_id=9f58e02e-3b1f-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
7
b5586438642d update css and data
cavaliet
parents: 6
diff changeset
   107
      "full" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=62083f72-363c-11e3-8068-00145ea4a2be&project_id=90be1ecc-363c-11e3-98be-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   108
    };
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   109
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   110
    function displayIframe(n, update_h){
11
cavaliet
parents: 10
diff changeset
   111
      cur_vid = "";
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   112
      $("#videocontainer").html(iframes[n]);
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   113
      
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   114
      // update history
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   115
      update_h = typeof update_h !== 'undefined' ? update_h : true;
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   116
      if(update_h){
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   117
        update_history("iframe=" + n);
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   118
      }
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   119
      
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   120
      active_css(n);
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   121
      $('html,body').scrollTop(0);
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   122
    }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   123
    
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   124
    function playVideo(n, segid, update_h){
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   125
      // test segid
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   126
      if(!(typeof segid !== 'undefined' && segid !== false)){
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   127
    	  segid = "";
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   128
      }
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   129
      
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   130
      var fire_hash_changed = false;
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   131
      
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   132
      if(cur_vid!=n){
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   133
	      if (n=="1" || n=="2" || n=="3" || n=="4" || n=="5" || n=="6" || n=="7"){
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   134
	        $("#videocontainer").html("<p>à venir, vidéo n°" + n + "</p>");
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   135
	      }
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   136
	      else{
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   137
	        var s = ''
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   138
	 + '<div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   139
	 + '  <div style="float:left; width:550px;" id="wrapper_player_project_a94ee060-49e9-11e2-b4ad-00145ea4a2be">'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   140
	 + '    <div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   141
	 + '      <div id="player_project_a94ee060-49e9-11e2-b4ad-00145ea4a2be_embed" class="iri_player_embed"></div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   142
	 + '      <script type="text/javascript" src="./lib/metadataplayer/LdtPlayer-core.js"><\/script>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   143
	 + '      <script type="text/javascript">'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   144
	 + 'if (typeof jQuery == "undefined") {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   145
	 + '    jQuery = IriSP.jQuery;'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   146
	 + '   }'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   147
	 + '    var metadatas = {metadata: {url: "./json/data__NUM_JSON__.json"}};'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   148
	 + '    var metadata_key = "metadata";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   149
	 + '  IriSP.libFiles.defaultDir = "./js";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   150
	 + '  IriSP.libFiles.locations.jwPlayerSWF = "./player.swf";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   151
	 + '  IriSP.libFiles.locations.cssjQueryUI = "./css/jquery-ui.css";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   152
	 + '  IriSP.language = "fr-fr";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   153
	 + '  IriSP.widgetsDir = "./lib/metadataplayer";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   154
	 + '  var _metadata = {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   155
	 + '      url: metadatas[metadata_key].url,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   156
	 + '      format: "ldt"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   157
	 + '  };'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   158
	 + '  var _config = {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   159
	 + '      width: "550",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   160
	 + '      container: "player_project_a94ee060-49e9-11e2-b4ad-00145ea4a2be_embed",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   161
	 + '      css: "./lib/metadataplayer/LdtPlayer-core.css",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   162
	 + '      default_options: {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   163
	 + '          metadata: _metadata'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   164
	 + '      },'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   165
	 + '      widgets: ['
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   166
	 + '          {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   167
	 + '              type: "AutoPlayer",'
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
   168
	 + '              height: "360",'
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   169
	 + '              autostart:  true,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   170
	 + '              url_transform: function(url) { if(url.substr(url.length - 4).toLowerCase()==".flv"){ return url.replace("/ddc_player/video/","/ddc_player/flv:video/"); } return url.replace("/ddc_player/video/","/ddc_player/mp4:video/"); }'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   171
	 + '          }'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   172
	 + '          ,{'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   173
	 + '              type: "Polemic",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   174
	 + '              annotation_type: false,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   175
	 + '              defaultcolor: "#585858",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   176
	 + '              foundcolor: "#fc00ff",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   177
	 + '              polemics : ['
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   178
	 + '                      {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   179
	 + '                          "name" : "OK",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   180
	 + '                          "keywords" : [ "++" ],'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   181
	 + '                          "color" : "#1d973d"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   182
	 + '                      },'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   183
	 + '                      {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   184
	 + '                          "name" : "KO",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   185
	 + '                          "keywords" : [ "--" ],'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   186
	 + '                          "color" : "#ce0a15"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   187
	 + '                      },'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   188
	 + '                      {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   189
	 + '                          "name" : "REF",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   190
	 + '                          "keywords" : [ "==", "http://" ],'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   191
	 + '                          "color" : "#c5a62d"  '
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   192
	 + '                      },'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   193
	 + '                      {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   194
	 + '                          "name" : "Q",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   195
	 + '                          "keywords" : [ "?" ],'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   196
	 + '                          "color" : "#036aae"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   197
	 + '                      }'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   198
	 + '                  ]'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   199
	 + '          }'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   200
	 + '          ,{'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   201
	 + '              type: "Slider"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   202
	 + '          }'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   203
	 /*+ '          ,{'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   204
	 + '              type: "AnnotationsList",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   205
	 + '              container: "AnnotationsList_ext",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   206
	 + '              ajax_url: "http://ldt.iri.centrepompidou.fr/ldtplatform/api/ldt/1.0/segments/bytimecode/{{media}}/{{begin}}/{{end}}",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   207
	 + '              ajax_granularity : 300000,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   208
	 + '              default_thumbnail : "./css/imgs/video_sequence.png",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   209
	 + '              show_audio: true,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   210
	 + '              rtmp_streamer: "rtmp://media.iri.centrepompidou.fr/ddc_micro_record/"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   211
	 + '          }'*/
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   212
	 + '          ,{'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   213
	 + '              type: "Controller"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   214
	 + '          }'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   215
	 + '          ,{'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   216
	// + '              type: "Segments",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   217
	// + '              annotation_type: ["chap","découpage"]'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   218
	 + '              type: "MultiSegments"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   219
	 + '          }'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   220
	// + '          ,{'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   221
	// + '              type: "Annotation"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   222
	// + '          }'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   223
	 + '          ,{'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   224
	 + '              type: "Mediafragment"'
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   225
	 + '          }';
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   226
	 
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   227
	        if(n=="full"){
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   228
	        	s += ''
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   229
     + '          ,{'
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   230
     + '              type: "Renkan",'
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   231
     + '              container: "RenkanContainer",'
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   232
     + '              data: "http://renkan.iri-research.org/renkan/rest/projects/bd79e8c3-3b12-11e3-8312-5fa5e5b09a85?callback=?"'
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   233
	 + '          }';
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   234
	        }
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   235
	        s += ''
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   236
	 + '      ]'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   237
	 + '  };'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   238
	 + '  _myPlayer = new IriSP.Metadataplayer(_config);'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   239
	 + '      <\/script>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   240
	 + '    </div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   241
	 + '  </div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   242
	 + '  <div style="float:left; width:400px;" id="AnnotationsList_ext"></div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   243
	 + '</div>'
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
   244
	 + '<div><p class="text-right align-player"><a style="margin-top: 10px;" class="btn btn-info" href="#" onclick="displayIframe(\'__NUM_JSON__\');return false;"><i class="glyphicon glyphicon-comment"></i> Ajouter votre commentaire sur cette vidéo</a></p></div>';
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   245
	 
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   246
	        if(n=="full"){
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   247
	        	s += "<div id='RenkanContainer'></div>";
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   248
	        }
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   249
	      
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   250
	        $("#videocontainer").html(s.replace(/__NUM_JSON__/g, n));
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   251
	      }
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   252
	      cur_vid = n;
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   253
      }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   254
      else{
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   255
    	  fire_hash_changed = true;
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   256
      }
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   257
      
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   258
      // update history
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   259
      update_h = typeof update_h !== 'undefined' ? update_h : true;
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   260
      if(update_h){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   261
    	if(segid!=""){
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   262
    		update_history("v=" + n + "&id=" + segid);
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   263
    		if(fire_hash_changed){
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   264
    			$(window).trigger('hashchange');
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   265
    		}
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   266
    	}
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   267
    	else{
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   268
          update_history("v=" + n);
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   269
    	}
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   270
      }
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   271
      
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   272
      active_css(n);
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   273
      $('html,body').scrollTop(0);
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   274
    }
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   275
    
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   276
    //Functions to manage history with parameters
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   277
    function getURLParameter(name) {
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   278
        return decodeURI(
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   279
            (RegExp(name + '=' + '(.+?)(&|$)').exec(location.hash)||[,null])[1]
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   280
        );
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   281
    }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   282
    function update_history(s){
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   283
        History.replaceState(null, null, "#" + s);
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   284
    }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   285
    
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   286
    // active css
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   287
    function active_css(n){
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   288
        $(".videotitle").removeClass("active");
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   289
        $("#videotitle" + n.substr(0,1)).addClass("active");
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   290
    }
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   291
    
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   292
    // on load
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   293
    $(function() {
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   294
      $(".videolink").click(function(e){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   295
        playVideo($(this).attr("data-videoid"), $(this).attr('data-segid'));
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   296
      });
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   297
      // load first video with get parameter
8
cavaliet
parents: 7
diff changeset
   298
      var first = "0";
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   299
      var iframe = getURLParameter("iframe");
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   300
      if(iframe=="null"){
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   301
        var v = getURLParameter("v");
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   302
        if(v=="null"){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   303
          playVideo(first, "");
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   304
        }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   305
        else{
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   306
          playVideo(v, "", false);
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   307
        }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   308
      }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   309
      else{
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   310
        displayIframe(iframe, false)
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   311
	  }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   312
    });
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   313
    
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   314
  </script>
12
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   315
  <script> 
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   316
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   317
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   318
	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a ,m) 
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   319
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   320
	  ga('create', 'UA-44960237-1', 'digital-studies.org'); 
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   321
	  ga('send', 'pageview');
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   322
</script>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   323
</body>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   324
</html>