web/index.html
author cavaliet
Thu, 24 Oct 2013 18:48:39 +0200
changeset 23 a8a2b5d5421c
parent 22 ad8641817bac
child 26 8d88a6144cb1
permissions -rwxr-xr-x
tagcloud
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>
16
b9bf0f859121 css clean
cavaliet
parents: 15
diff changeset
    19
	          <a class="videolink hand logo" data-videoid="0"><img src="./img/newlogods2.png" 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>
22
ad8641817bac correction again
cavaliet
parents: 21
diff changeset
    26
              <li><a href="http://digital-studies.org/">Digital Studies</a></li>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    27
          </ul>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    28
	    </nav>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    29
	  </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    30
	</header>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    31
	<div class="container">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    32
    <div class="row divctn">
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
    33
      <div id="titles" class="col-md-4">
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    34
        <div class="videotitle" id="videotitle0">
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
    35
          <p><a class="videolink hand" 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
    36
          <div id="abstract" class="collapse">
cca75fee01f1 changes
cavaliet
parents: 2
diff changeset
    37
            <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
    38
            <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
    39
            <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
    40
          </div>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    41
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    42
        <div class="videotitle" id="videotitle1">
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
    43
          <p>Chapitre 1&nbsp;: L'État et le numérique<br/><a class="videolink hand" data-videoid="1r">résumé</a> ou <a class="videolink hand" 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
    44
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    45
        <div class="videotitle" id="videotitle2">
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
    46
          <p>Chapitre 2&nbsp;: Technologies, savoirs et sociétés<br/><a class="videolink hand" data-videoid="2r">résumé</a> ou <a class="videolink hand" 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
    47
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    48
        <div class="videotitle" id="videotitle3">
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
    49
          <p>Chapitre 3&nbsp;: Qui pour guider une politique sur le numérique ?<br/><a class="videolink hand" data-videoid="3r">résumé</a> ou <a class="videolink hand" 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
    50
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    51
        <div class="videotitle" id="videotitle4">
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
    52
          <p>Chapitre 4&nbsp;: La polémique, mère de tous savoirs<br/><a class="videolink hand" data-videoid="4r">résumé</a> ou <a class="videolink hand" 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
    53
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    54
        <div class="videotitle" id="videotitle5">
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
    55
          <p>Chapitre 5&nbsp;: La catégorisation contributive<br/><a class="videolink hand" data-videoid="5r">résumé</a> ou <a class="videolink hand" 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
    56
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    57
        <div class="videotitle" id="videotitle6">
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
    58
          <p>Chapitre 6&nbsp;: Sur l'industrie éditoriale numérisée<br/><a class="videolink hand" data-videoid="6r">résumé</a> ou <a class="videolink hand" 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
    59
        </div>
7
b5586438642d update css and data
cavaliet
parents: 6
diff changeset
    60
        <div class="videotitle" id="videotitle7">
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
    61
          <p>Chapitre 7&nbsp;: Propositions pour France Université Numérique<br/><a class="videolink hand" data-videoid="7r">résumé</a> ou <a class="videolink hand" 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
    62
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    63
        <div class="videotitle" id="videotitlef">
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
    64
          <p><a class="videolink hand" data-videoid="full">Vidéo complète chapitrée</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    65
        </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    66
      </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    67
      <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
    68
    </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    69
	</div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    70
    <footer>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    71
      <div class="container row">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    72
        <div class="footer-img col-md-6">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    73
            <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
    74
            <a href="http://arsindustrialis.org/" target="_blank"><img src="./img/logoarsindustrialis.jpg" alt="Logo ars" /></a>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    75
            <a href="http://pharmakon.fr/" target="_blank"><img src="./img/logo_pharmakon.png" alt="Logo Pharmakon" /></a>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    76
        </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    77
        <div class="col-md-6">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    78
          <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
    79
        </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    80
      </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    81
    </footer>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    82
  </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    83
  <script type="text/javascript" src="./lib/jquery-1.9.1.js"></script>
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
    84
  <script type="text/javascript" src="./lib/jquery.history.js"></script>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    85
  <script type="text/javascript" src="./lib/bootstrap/js/bootstrap.min.js"></script>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    86
  <script type="text/javascript">
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
    87
    
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
    88
    var cur_vid = "";
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
    89
  
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    90
    var iframes = {
8
cavaliet
parents: 7
diff changeset
    91
      "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
    92
      "1" : "<p>iframe à venir, vidéo n°1</p>",
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    93
      "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
    94
      "2" : "<p>iframe à venir, vidéo n°2</p>",
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    95
      "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
    96
      "3" : "<p>iframe à venir, vidéo n°3</p>",
8
cavaliet
parents: 7
diff changeset
    97
      "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
    98
      "4" : "<p>iframe à venir, vidéo n°4</p>",
8
cavaliet
parents: 7
diff changeset
    99
      "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
   100
      "5" : "<p>iframe à venir, vidéo n°5</p>",
8
cavaliet
parents: 7
diff changeset
   101
      "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
   102
      "6" : "<p>iframe à venir, vidéo n°6</p>",
8
cavaliet
parents: 7
diff changeset
   103
      "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
   104
      "7" : "<p>iframe à venir, vidéo n°7</p>",
8
cavaliet
parents: 7
diff changeset
   105
      "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
   106
      "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
   107
    };
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   108
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   109
    function displayIframe(n, update_h){
11
cavaliet
parents: 10
diff changeset
   110
      cur_vid = "";
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   111
      $("#videocontainer").html(iframes[n]);
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   112
      
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   113
      // update history
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   114
      update_h = typeof update_h !== 'undefined' ? update_h : true;
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   115
      if(update_h){
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   116
        update_history("iframe=" + n);
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   117
      }
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   118
      
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   119
      active_css(n);
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   120
      $('html,body').scrollTop(0);
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   121
    }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   122
    
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   123
    function playVideo(n, segid, update_h){
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   124
      // test segid
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   125
      if(!(typeof segid !== 'undefined' && segid !== false)){
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   126
    	  segid = "";
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   127
      }
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   128
      
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   129
      var fire_hash_changed = false;
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   130
      
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   131
      if(cur_vid!=n){
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   132
	      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
   133
	        $("#videocontainer").html("<p>à venir, vidéo n°" + n + "</p>");
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   134
	      }
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   135
	      else{
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   136
	        var s = ''
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
   137
	 + '<div id="player_wrapper">'
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   138
	 + '  <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
   139
	 + '    <div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   140
	 + '      <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
   141
	 + '      <script type="text/javascript" src="./lib/metadataplayer/LdtPlayer-core.js"><\/script>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   142
	 + '      <script type="text/javascript">'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   143
	 + 'if (typeof jQuery == "undefined") {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   144
	 + '    jQuery = IriSP.jQuery;'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   145
	 + '   }'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   146
	 + '    var metadatas = {metadata: {url: "./json/data__NUM_JSON__.json"}};'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   147
	 + '    var metadata_key = "metadata";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   148
	 + '  IriSP.libFiles.defaultDir = "./js";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   149
	 + '  IriSP.libFiles.locations.jwPlayerSWF = "./player.swf";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   150
	 + '  IriSP.libFiles.locations.cssjQueryUI = "./css/jquery-ui.css";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   151
	 + '  IriSP.language = "fr-fr";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   152
	 + '  IriSP.widgetsDir = "./lib/metadataplayer";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   153
	 + '  var _metadata = {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   154
	 + '      url: metadatas[metadata_key].url,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   155
	 + '      format: "ldt"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   156
	 + '  };'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   157
	 + '  var _config = {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   158
	 + '      width: "550",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   159
	 + '      container: "player_project_a94ee060-49e9-11e2-b4ad-00145ea4a2be_embed",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   160
	 + '      css: "./lib/metadataplayer/LdtPlayer-core.css",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   161
	 + '      default_options: {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   162
	 + '          metadata: _metadata'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   163
	 + '      },'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   164
	 + '      widgets: ['
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   165
	 + '          {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   166
	 + '              type: "AutoPlayer",'
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
   167
	 + '              height: "360",'
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   168
	 + '              autostart:  true,'
17
30864533a356 html 5 management
cavaliet
parents: 16
diff changeset
   169
	 + '              url_transform: function(url) { var can_play_mp4 = !!document.createElement("video").canPlayType("video/mp4"); if(!can_play_mp4){ return url.replace(/\.mp4$/i,".webm"); }else{ return url; } }'
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   170
	 + '          }'
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
	 + '              type: "Polemic",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   173
	 + '              annotation_type: false,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   174
	 + '              defaultcolor: "#585858",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   175
	 + '              foundcolor: "#fc00ff",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   176
	 + '              polemics : ['
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   177
	 + '                      {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   178
	 + '                          "name" : "OK",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   179
	 + '                          "keywords" : [ "++" ],'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   180
	 + '                          "color" : "#1d973d"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   181
	 + '                      },'
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
	 + '                          "name" : "KO",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   184
	 + '                          "keywords" : [ "--" ],'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   185
	 + '                          "color" : "#ce0a15"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   186
	 + '                      },'
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
	 + '                          "name" : "REF",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   189
	 + '                          "keywords" : [ "==", "http://" ],'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   190
	 + '                          "color" : "#c5a62d"  '
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   191
	 + '                      },'
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
	 + '                          "name" : "Q",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   194
	 + '                          "keywords" : [ "?" ],'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   195
	 + '                          "color" : "#036aae"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   196
	 + '                      }'
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
	 + '              type: "Slider"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   201
	 + '          }'
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
	 + '              type: "AnnotationsList",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   204
	 + '              container: "AnnotationsList_ext",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   205
	 + '              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
   206
	 + '              ajax_granularity : 300000,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   207
	 + '              default_thumbnail : "./css/imgs/video_sequence.png",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   208
	 + '              show_audio: true,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   209
	 + '              rtmp_streamer: "rtmp://media.iri.centrepompidou.fr/ddc_micro_record/"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   210
	 + '          }'*/
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
	 + '              type: "Controller"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   213
	 + '          }'
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
	// + '              type: "Segments",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   216
	// + '              annotation_type: ["chap","découpage"]'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   217
	 + '              type: "MultiSegments"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   218
	 + '          }'
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
	// + '              type: "Annotation"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   221
	// + '          }'
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
	 + '              type: "Mediafragment"'
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
   224
	 + '          }'
23
a8a2b5d5421c tagcloud
cavaliet
parents: 22
diff changeset
   225
     + '          ,{'
a8a2b5d5421c tagcloud
cavaliet
parents: 22
diff changeset
   226
     + '              type: "Tagcloud"'
a8a2b5d5421c tagcloud
cavaliet
parents: 22
diff changeset
   227
     + '          }'
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   228
	 + '      ]'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   229
	 + '  };'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   230
	 + '  _myPlayer = new IriSP.Metadataplayer(_config);'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   231
	 + '      <\/script>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   232
	 + '    </div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   233
	 + '  </div>'
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
   234
     + '  <div><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></div>';
20
cavaliet
parents: 17
diff changeset
   235
     if(n=="0" || n=="full"){
21
cdb49a70da93 corrections
cavaliet
parents: 20
diff changeset
   236
         s += '  <div><a style="margin-top: 10px;" class="btn btn-info" href="fullrenkan.html?type=chrono"><i class="glyphicon glyphicon-asterisk"></i> Voir la carte d\'annotation chronologique</a></div>'; 
cdb49a70da93 corrections
cavaliet
parents: 20
diff changeset
   237
         s += '  <div><a style="margin-top: 10px;" class="btn btn-info" href="fullrenkan.html?type=thema"><i class="glyphicon glyphicon-asterisk"></i> Voir la carte d\'annotation thématique</a></div>'; 
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
   238
     }
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
   239
         s += ''
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   240
	 + '  <div style="float:left; width:400px;" id="AnnotationsList_ext"></div>'
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
   241
	 + '</div>';
16
b9bf0f859121 css clean
cavaliet
parents: 15
diff changeset
   242
	         
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   243
	        $("#videocontainer").html(s.replace(/__NUM_JSON__/g, n));
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   244
	      }
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   245
	      cur_vid = n;
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   246
      }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   247
      else{
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   248
    	  fire_hash_changed = true;
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   249
      }
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   250
      
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   251
      // update history
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   252
      update_h = typeof update_h !== 'undefined' ? update_h : true;
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   253
      if(update_h){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   254
    	if(segid!=""){
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   255
    		update_history("v=" + n + "&id=" + segid);
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   256
    		if(fire_hash_changed){
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   257
    			$(window).trigger('hashchange');
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   258
    		}
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   259
    	}
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   260
    	else{
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   261
          update_history("v=" + n);
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   262
    	}
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   263
      }
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   264
      
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   265
      active_css(n);
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   266
      $('html,body').scrollTop(0);
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   267
    }
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   268
    
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   269
    //Functions to manage history with parameters
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   270
    function getURLParameter(name) {
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   271
        return decodeURI(
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   272
            (RegExp(name + '=' + '(.+?)(&|$)').exec(location.hash)||[,null])[1]
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   273
        );
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   274
    }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   275
    function update_history(s){
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   276
        History.replaceState(null, null, "#" + s);
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   277
    }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   278
    
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   279
    // active css
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   280
    function active_css(n){
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   281
        $(".videotitle").removeClass("active");
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   282
        $("#videotitle" + n.substr(0,1)).addClass("active");
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   283
    }
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   284
    
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   285
    // on load
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   286
    $(function() {
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   287
      $(".videolink").click(function(e){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   288
        playVideo($(this).attr("data-videoid"), $(this).attr('data-segid'));
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   289
      });
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   290
      // load first video with get parameter
8
cavaliet
parents: 7
diff changeset
   291
      var first = "0";
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   292
      var iframe = getURLParameter("iframe");
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   293
      if(iframe=="null"){
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   294
        var v = getURLParameter("v");
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   295
        if(v=="null"){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   296
          playVideo(first, "");
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   297
        }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   298
        else{
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   299
          playVideo(v, "", false);
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   300
        }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   301
      }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   302
      else{
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   303
        displayIframe(iframe, false)
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   304
	  }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   305
    });
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   306
    
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   307
  </script>
12
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   308
  <script> 
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   309
	(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
   310
	  (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
   311
	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
   312
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   313
	  ga('create', 'UA-44960237-1', 'digital-studies.org'); 
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   314
	  ga('send', 'pageview');
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   315
</script>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   316
</body>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   317
</html>