web/index.html
author cavaliet
Thu, 24 Oct 2013 15:17:48 +0200
changeset 16 b9bf0f859121
parent 15 c004d0e2face
child 17 30864533a356
permissions -rwxr-xr-x
css clean
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>
b5586438642d update css and data
cavaliet
parents: 6
diff changeset
    26
              <li><a href="http://digital-studies.org/" target="_blank">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,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   169
	 + '              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
   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
	 + '          }'
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   225
	 + '      ]'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   226
	 + '  };'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   227
	 + '  _myPlayer = new IriSP.Metadataplayer(_config);'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   228
	 + '      <\/script>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   229
	 + '    </div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   230
	 + '  </div>'
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
   231
     + '  <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>';
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
   232
     if(n=="full"){
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
   233
         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 mentale chronologique</a></div>'; 
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
   234
         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 mentale thématique</a></div>'; 
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
   235
     }
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
   236
         s += ''
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   237
	 + '  <div style="float:left; width:400px;" id="AnnotationsList_ext"></div>'
15
c004d0e2face renkan page
cavaliet
parents: 14
diff changeset
   238
	 + '</div>';
16
b9bf0f859121 css clean
cavaliet
parents: 15
diff changeset
   239
	         
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   240
	        $("#videocontainer").html(s.replace(/__NUM_JSON__/g, n));
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   241
	      }
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   242
	      cur_vid = n;
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   243
      }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   244
      else{
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   245
    	  fire_hash_changed = true;
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   246
      }
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   247
      
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   248
      // update history
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   249
      update_h = typeof update_h !== 'undefined' ? update_h : true;
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   250
      if(update_h){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   251
    	if(segid!=""){
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   252
    		update_history("v=" + n + "&id=" + segid);
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   253
    		if(fire_hash_changed){
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   254
    			$(window).trigger('hashchange');
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   255
    		}
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   256
    	}
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   257
    	else{
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   258
          update_history("v=" + n);
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   259
    	}
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   260
      }
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   261
      
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   262
      active_css(n);
14
960eb22c078c test renkan
cavaliet
parents: 13
diff changeset
   263
      $('html,body').scrollTop(0);
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   264
    }
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   265
    
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   266
    //Functions to manage history with parameters
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   267
    function getURLParameter(name) {
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   268
        return decodeURI(
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   269
            (RegExp(name + '=' + '(.+?)(&|$)').exec(location.hash)||[,null])[1]
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   270
        );
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   271
    }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   272
    function update_history(s){
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   273
        History.replaceState(null, null, "#" + s);
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   274
    }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   275
    
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   276
    // active css
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   277
    function active_css(n){
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   278
        $(".videotitle").removeClass("active");
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   279
        $("#videotitle" + n.substr(0,1)).addClass("active");
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   280
    }
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   281
    
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   282
    // on load
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   283
    $(function() {
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   284
      $(".videolink").click(function(e){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   285
        playVideo($(this).attr("data-videoid"), $(this).attr('data-segid'));
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   286
      });
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   287
      // load first video with get parameter
8
cavaliet
parents: 7
diff changeset
   288
      var first = "0";
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   289
      var iframe = getURLParameter("iframe");
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   290
      if(iframe=="null"){
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   291
        var v = getURLParameter("v");
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   292
        if(v=="null"){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   293
          playVideo(first, "");
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   294
        }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   295
        else{
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   296
          playVideo(v, "", false);
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   297
        }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   298
      }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   299
      else{
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   300
        displayIframe(iframe, false)
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   301
	  }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   302
    });
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   303
    
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   304
  </script>
12
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   305
  <script> 
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   306
	(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
   307
	  (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
   308
	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
   309
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   310
	  ga('create', 'UA-44960237-1', 'digital-studies.org'); 
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   311
	  ga('send', 'pageview');
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   312
</script>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   313
</body>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   314
</html>