web/index.html
author cavaliet
Wed, 23 Oct 2013 14:25:41 +0200
changeset 12 7253e705e37c
parent 11 75419dc974b1
child 13 e47226cc243d
permissions -rwxr-xr-x
update datas and stuffs
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>
11
cavaliet
parents: 10
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>
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">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    33
      <div class="col-md-4">
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    34
        <div class="videotitle" id="videotitle0">
12
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
    35
          <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
    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">
12
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
    43
          <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
    44
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    45
        <div class="videotitle" id="videotitle2">
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
    46
          <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
    47
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    48
        <div class="videotitle" id="videotitle3">
12
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
    49
          <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
    50
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    51
        <div class="videotitle" id="videotitle4">
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
    52
          <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
    53
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    54
        <div class="videotitle" id="videotitle5">
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
    55
          <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
    56
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    57
        <div class="videotitle" id="videotitle6">
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
    58
          <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
    59
        </div>
7
b5586438642d update css and data
cavaliet
parents: 6
diff changeset
    60
        <div class="videotitle" id="videotitle7">
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
    61
          <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
    62
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    63
        <div class="videotitle" id="videotitlef">
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    64
          <p><a class="videolink" data-videoid="full">Vidéo complète chapitrée</a></p>
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);
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   120
    }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   121
    
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   122
    function playVideo(n, segid, update_h){
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   123
      // test segid
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   124
      if(!(typeof segid !== 'undefined' && segid !== false)){
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   125
    	  segid = "";
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   126
      }
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   127
      
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   128
      var fire_hash_changed = false;
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
      if(cur_vid!=n){
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   131
	      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
   132
	        $("#videocontainer").html("<p>à venir, vidéo n°" + n + "</p>");
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   133
	      }
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   134
	      else{
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   135
	        var s = ''
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   136
	 + '<div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   137
	 + '  <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
   138
	 + '    <div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   139
	 + '      <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
   140
	 + '      <script type="text/javascript" src="./lib/metadataplayer/LdtPlayer-core.js"><\/script>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   141
	 + '      <script type="text/javascript">'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   142
	 + 'if (typeof jQuery == "undefined") {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   143
	 + '    jQuery = IriSP.jQuery;'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   144
	 + '   }'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   145
	 + '    var metadatas = {metadata: {url: "./json/data__NUM_JSON__.json"}};'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   146
	 + '    var metadata_key = "metadata";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   147
	 + '  IriSP.libFiles.defaultDir = "./js";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   148
	 + '  IriSP.libFiles.locations.jwPlayerSWF = "./player.swf";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   149
	 + '  IriSP.libFiles.locations.cssjQueryUI = "./css/jquery-ui.css";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   150
	 + '  IriSP.language = "fr-fr";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   151
	 + '  IriSP.widgetsDir = "./lib/metadataplayer";'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   152
	 + '  var _metadata = {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   153
	 + '      url: metadatas[metadata_key].url,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   154
	 + '      format: "ldt"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   155
	 + '  };'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   156
	 + '  var _config = {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   157
	 + '      width: "550",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   158
	 + '      container: "player_project_a94ee060-49e9-11e2-b4ad-00145ea4a2be_embed",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   159
	 + '      css: "./lib/metadataplayer/LdtPlayer-core.css",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   160
	 + '      default_options: {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   161
	 + '          metadata: _metadata'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   162
	 + '      },'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   163
	 + '      widgets: ['
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
	 + '              type: "AutoPlayer",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   166
	 + '              height: "300",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   167
	 + '              autostart:  true,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   168
	 + '              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
   169
	 + '          }'
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
	 + '              type: "Polemic",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   172
	 + '              annotation_type: false,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   173
	 + '              defaultcolor: "#585858",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   174
	 + '              foundcolor: "#fc00ff",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   175
	 + '              polemics : ['
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   176
	 + '                      {'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   177
	 + '                          "name" : "OK",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   178
	 + '                          "keywords" : [ "++" ],'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   179
	 + '                          "color" : "#1d973d"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   180
	 + '                      },'
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
	 + '                          "name" : "KO",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   183
	 + '                          "keywords" : [ "--" ],'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   184
	 + '                          "color" : "#ce0a15"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   185
	 + '                      },'
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
	 + '                          "name" : "REF",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   188
	 + '                          "keywords" : [ "==", "http://" ],'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   189
	 + '                          "color" : "#c5a62d"  '
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   190
	 + '                      },'
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
	 + '                          "name" : "Q",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   193
	 + '                          "keywords" : [ "?" ],'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   194
	 + '                          "color" : "#036aae"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   195
	 + '                      }'
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
	 + '              type: "Slider"'
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
	 /*+ '          ,{'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   202
	 + '              type: "AnnotationsList",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   203
	 + '              container: "AnnotationsList_ext",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   204
	 + '              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
   205
	 + '              ajax_granularity : 300000,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   206
	 + '              default_thumbnail : "./css/imgs/video_sequence.png",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   207
	 + '              show_audio: true,'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   208
	 + '              rtmp_streamer: "rtmp://media.iri.centrepompidou.fr/ddc_micro_record/"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   209
	 + '          }'*/
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
	 + '              type: "Controller"'
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
	 + '          ,{'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   214
	// + '              type: "Segments",'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   215
	// + '              annotation_type: ["chap","découpage"]'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   216
	 + '              type: "MultiSegments"'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   217
	 + '          }'
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
	// + '              type: "Annotation"'
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
	 + '          ,{'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   222
	 + '              type: "Mediafragment"'
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
	 + '      ]'
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
	 + '  _myPlayer = new IriSP.Metadataplayer(_config);'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   227
	 + '      <\/script>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   228
	 + '    </div>'
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 style="float:left; width:400px;" id="AnnotationsList_ext"></div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   231
	 + '</div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   232
	 + '<div><p class="text-right"><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>';
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   233
	      
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   234
	        $("#videocontainer").html(s.replace(/__NUM_JSON__/g, n));
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   235
	      }
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   236
	      cur_vid = n;
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   237
      }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   238
      else{
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   239
    	  fire_hash_changed = true;
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   240
      }
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   241
      
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   242
      // update history
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   243
      update_h = typeof update_h !== 'undefined' ? update_h : true;
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   244
      if(update_h){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   245
    	if(segid!=""){
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   246
    		update_history("v=" + n + "&id=" + segid);
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   247
    		if(fire_hash_changed){
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   248
    			$(window).trigger('hashchange');
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   249
    		}
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   250
    	}
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   251
    	else{
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   252
          update_history("v=" + n);
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   253
    	}
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   254
      }
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   255
      
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   256
      active_css(n);
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   257
    }
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   258
    
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   259
    //Functions to manage history with parameters
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   260
    function getURLParameter(name) {
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   261
        return decodeURI(
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   262
            (RegExp(name + '=' + '(.+?)(&|$)').exec(location.hash)||[,null])[1]
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   263
        );
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   264
    }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   265
    function update_history(s){
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   266
        History.replaceState(null, null, "#" + s);
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   267
    }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   268
    
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   269
    // active css
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   270
    function active_css(n){
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   271
        $(".videotitle").removeClass("active");
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   272
        $("#videotitle" + n.substr(0,1)).addClass("active");
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   273
    }
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   274
    
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   275
    // on load
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   276
    $(function() {
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   277
      $(".videolink").click(function(e){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   278
        playVideo($(this).attr("data-videoid"), $(this).attr('data-segid'));
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   279
      });
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   280
      // load first video with get parameter
8
cavaliet
parents: 7
diff changeset
   281
      var first = "0";
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   282
      var iframe = getURLParameter("iframe");
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   283
      if(iframe=="null"){
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   284
        var v = getURLParameter("v");
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   285
        if(v=="null"){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   286
          playVideo(first, "");
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   287
        }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   288
        else{
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   289
          playVideo(v, "", false);
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   290
        }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   291
      }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   292
      else{
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   293
        displayIframe(iframe, false)
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   294
	  }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   295
    });
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   296
    
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   297
  </script>
12
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   298
  <script> 
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   299
	(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
   300
	  (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
   301
	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
   302
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   303
	  ga('create', 'UA-44960237-1', 'digital-studies.org'); 
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   304
	  ga('send', 'pageview');
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   305
</script>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   306
</body>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   307
</html>