web/index.html
author cavaliet
Wed, 23 Oct 2013 15:13:15 +0200
changeset 13 e47226cc243d
parent 12 7253e705e37c
child 14 960eb22c078c
permissions -rwxr-xr-x
little enhance...
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>
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
    19
	          <a href="#" class="videolink" data-videoid="0"><img src="./img/logodsrose2" alt="Logo Digital Studies" /></a>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    20
	        </li>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    21
	      </ul>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    22
          <ul class="nav navbar-nav" style="float:right;">
7
b5586438642d update css and data
cavaliet
parents: 6
diff changeset
    23
              <li><a href="http://www.lemonde.fr" target="_blank" title="Article de Bernard Stiegler dans Le Monde">Le Monde</a></li>
8
cavaliet
parents: 7
diff changeset
    24
              <li><a href="http://www.france-universite-numerique.fr/" target="_blank" title="France Université Numérique">FUN</a></li>
7
b5586438642d update css and data
cavaliet
parents: 6
diff changeset
    25
              <li><a href="http://pharmakon.fr/" target="_blank">Pharmakon</a></li>
b5586438642d update css and data
cavaliet
parents: 6
diff changeset
    26
              <li><a href="http://digital-studies.org/" target="_blank">Digital Studies</a></li>
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
    27
              <li><a href="http://renkan.iri-research.org/renkan/s/adae5482-3b12-11e3-8312-5fa5e5b09a85" target="_blank">Renkan</a></li>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    28
          </ul>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    29
	    </nav>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    30
	  </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    31
	</header>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    32
	<div class="container">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    33
    <div class="row divctn">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    34
      <div class="col-md-4">
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    35
        <div class="videotitle" id="videotitle0">
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
    36
          <p><a href="#" class="videolink" data-videoid="0"><strong>Introduction</strong></a> <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#abstract">Voir plus</button></p>
3
cca75fee01f1 changes
cavaliet
parents: 2
diff changeset
    37
          <div id="abstract" class="collapse">
cca75fee01f1 changes
cavaliet
parents: 2
diff changeset
    38
            <p>Avec l’apparition du web, c’est la nature même des savoirs sous toutes leurs formes qui a changé tandis que l’écriture réticulaire devenait accessible aux publics les plus divers. Ceux-ci ont redéfini les conditions de la parité et de ce fait l’université est entrée dans un nouvel âge. C’est ce fait majeur, massif et à bien des égards stupéfiant qui requiert le développement des digital studies prôné par la ministre de l’enseignement supérieur et de la recherche.</p>
cca75fee01f1 changes
cavaliet
parents: 2
diff changeset
    39
            <p>L’enjeu majeur représenté par les enseignements numériques vient rationnellement après celui de la recherche et des études numériques. Il s’agit d’impulser une dynamique qui repense les rapports des savoirs à leurs supports (dont les MOOCs) avec les universités et les institutions académiques, et qui, par la recherche, redéfinisse leur rôle dans ce nouveau contexte.</p>
cca75fee01f1 changes
cavaliet
parents: 2
diff changeset
    40
            <p>La technologie du vidéolivre est un support nouveau pour un réseau de lecteurs constituant une communauté plurielle d’interprétations. Ce n’est là qu’un exemple de ces nouveaux dispositifs du débat public auxquels il est fondamental d’initier et d’associer le plus tôt possible les étudiants.</p>
cca75fee01f1 changes
cavaliet
parents: 2
diff changeset
    41
          </div>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    42
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    43
        <div class="videotitle" id="videotitle1">
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
    44
          <p>Chapitre 1&nbsp;: L'État et le numérique<br/><a href="#" class="videolink" data-videoid="1r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_4A4E73E4-D9D6-8CAF-D0BC-C25BB3FB74D1">vidéo complète</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    45
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    46
        <div class="videotitle" id="videotitle2">
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
    47
          <p>Chapitre 2&nbsp;: Technologies, savoirs et sociétés<br/><a href="#" class="videolink" data-videoid="2r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_4D13D984-3BC6-3B20-41B1-C6338469F14C">vidéo complète</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    48
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    49
        <div class="videotitle" id="videotitle3">
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
    50
          <p>Chapitre 3&nbsp;: Qui pour guider une politique sur le numérique ?<br/><a href="#" class="videolink" data-videoid="3r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_69946E8D-51C2-9F9D-0712-C724E69391DC">vidéo complète</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    51
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    52
        <div class="videotitle" id="videotitle4">
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
    53
          <p>Chapitre 4&nbsp;: La polémique, mère de tous savoirs<br/><a href="#" class="videolink" data-videoid="4r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_B7DCB161-B412-EA93-2887-C726314774EA">vidéo complète</a></p>
3
cca75fee01f1 changes
cavaliet
parents: 2
diff changeset
    54
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    55
        <div class="videotitle" id="videotitle5">
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
    56
          <p>Chapitre 5&nbsp;: La catégorisation contributive<br/><a href="#" class="videolink" data-videoid="5r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_8CB9DCD2-FF09-33A7-3847-DA326EB5D96B">vidéo complète</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    57
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    58
        <div class="videotitle" id="videotitle6">
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
    59
          <p>Chapitre 6&nbsp;: Sur l'industrie éditoriale numérisée<br/><a href="#" class="videolink" data-videoid="6r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_FFFFE45E-6991-959C-9347-C72C13F00EA4">vidéo complète</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    60
        </div>
7
b5586438642d update css and data
cavaliet
parents: 6
diff changeset
    61
        <div class="videotitle" id="videotitle7">
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
    62
          <p>Chapitre 7&nbsp;: Propositions pour France Université Numérique<br/><a href="#" class="videolink" data-videoid="7r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_A40AC98F-AF31-7107-3FB4-C72EF6462E9E">vidéo complète</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    63
        </div>
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    64
        <div class="videotitle" id="videotitlef">
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
    65
          <p><a href="#" class="videolink" data-videoid="full">Vidéo complète chapitrée</a></p>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    66
        </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    67
      </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    68
      <div class="col-md-8" id="videocontainer">Pour commencer, cliquez sur "Vidéo chapitrée du résumé" ou "Vidéo complète chapitrée"</div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    69
    </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    70
	</div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    71
    <footer>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    72
      <div class="container row">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    73
        <div class="footer-img col-md-6">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    74
            <a href="http://www.iri.centrepompidou.fr" target="_blank"><img src="./img/logo_IRI_footer.png" alt="Logo IRI" /></a>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    75
            <a href="http://arsindustrialis.org/" target="_blank"><img src="./img/logoarsindustrialis.jpg" alt="Logo ars" /></a>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    76
            <a href="http://pharmakon.fr/" target="_blank"><img src="./img/logo_pharmakon.png" alt="Logo Pharmakon" /></a>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    77
        </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    78
        <div class="col-md-6">
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    79
          <div class="text-right" id="copyright-version">©2013 <a href="http://www.iri.centrepompidou.fr" target="_blank">IRI</a></div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    80
        </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    81
      </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    82
    </footer>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    83
  </div>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    84
  <script type="text/javascript" src="./lib/jquery-1.9.1.js"></script>
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
    85
  <script type="text/javascript" src="./lib/jquery.history.js"></script>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    86
  <script type="text/javascript" src="./lib/bootstrap/js/bootstrap.min.js"></script>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    87
  <script type="text/javascript">
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
    88
    
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
    89
    var cur_vid = "";
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
    90
  
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    91
    var iframes = {
8
cavaliet
parents: 7
diff changeset
    92
      "0" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=37903d3c-3b21-11e3-9592-00145ea4a2be&project_id=49bd6124-3b21-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    93
      "1" : "<p>iframe à venir, vidéo n°1</p>",
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    94
      "1r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=0718fd52-3af8-11e3-8796-00145ea4a2be&project_id=2a7b8bde-3af8-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    95
      "2" : "<p>iframe à venir, vidéo n°2</p>",
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
    96
      "2r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=fc7a32a2-3af8-11e3-a863-00145ea4a2be&project_id=0f2c892c-3af9-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    97
      "3" : "<p>iframe à venir, vidéo n°3</p>",
8
cavaliet
parents: 7
diff changeset
    98
      "3r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=d25c9198-3b1d-11e3-9592-00145ea4a2be&project_id=e48881ce-3b1d-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    99
      "4" : "<p>iframe à venir, vidéo n°4</p>",
8
cavaliet
parents: 7
diff changeset
   100
      "4r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=80cb7000-3b1e-11e3-a863-00145ea4a2be&project_id=94b99f56-3b1e-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   101
      "5" : "<p>iframe à venir, vidéo n°5</p>",
8
cavaliet
parents: 7
diff changeset
   102
      "5r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=97f6803a-3b1e-11e3-a863-00145ea4a2be&project_id=ab17cb92-3b1e-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   103
      "6" : "<p>iframe à venir, vidéo n°6</p>",
8
cavaliet
parents: 7
diff changeset
   104
      "6r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=b5d5d498-3b1e-11e3-9592-00145ea4a2be&project_id=ca23cbb2-3b1e-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   105
      "7" : "<p>iframe à venir, vidéo n°7</p>",
8
cavaliet
parents: 7
diff changeset
   106
      "7r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=8eb32054-3b1f-11e3-9592-00145ea4a2be&project_id=9f58e02e-3b1f-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
7
b5586438642d update css and data
cavaliet
parents: 6
diff changeset
   107
      "full" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=62083f72-363c-11e3-8068-00145ea4a2be&project_id=90be1ecc-363c-11e3-98be-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   108
    };
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   109
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   110
    function displayIframe(n, update_h){
11
cavaliet
parents: 10
diff changeset
   111
      cur_vid = "";
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   112
      $("#videocontainer").html(iframes[n]);
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   113
      
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   114
      // update history
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   115
      update_h = typeof update_h !== 'undefined' ? update_h : true;
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   116
      if(update_h){
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   117
        update_history("iframe=" + n);
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   118
      }
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   119
      
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   120
      active_css(n);
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 = ''
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   137
	 + '<div>'
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"'
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
	 + '  };'
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>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   231
	 + '  <div style="float:left; width:400px;" id="AnnotationsList_ext"></div>'
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   232
	 + '</div>'
13
e47226cc243d little enhance...
cavaliet
parents: 12
diff changeset
   233
	 + '<div><p class="text-right align-player"><a style="margin-top: 10px;" class="btn btn-info" href="#" onclick="displayIframe(\'__NUM_JSON__\');return false;"><i class="glyphicon glyphicon-comment"></i> Ajouter votre commentaire sur cette vidéo</a></p></div>';
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   234
	      
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   235
	        $("#videocontainer").html(s.replace(/__NUM_JSON__/g, n));
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   236
	      }
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   237
	      cur_vid = n;
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   238
      }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   239
      else{
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   240
    	  fire_hash_changed = true;
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   241
      }
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   242
      
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   243
      // update history
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   244
      update_h = typeof update_h !== 'undefined' ? update_h : true;
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   245
      if(update_h){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   246
    	if(segid!=""){
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   247
    		update_history("v=" + n + "&id=" + segid);
10
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   248
    		if(fire_hash_changed){
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   249
    			$(window).trigger('hashchange');
4501548c3e5a no reload video and hash management
cavaliet
parents: 9
diff changeset
   250
    		}
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   251
    	}
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   252
    	else{
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   253
          update_history("v=" + n);
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   254
    	}
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   255
      }
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   256
      
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   257
      active_css(n);
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   258
    }
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   259
    
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   260
    //Functions to manage history with parameters
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   261
    function getURLParameter(name) {
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   262
        return decodeURI(
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   263
            (RegExp(name + '=' + '(.+?)(&|$)').exec(location.hash)||[,null])[1]
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   264
        );
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   265
    }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   266
    function update_history(s){
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   267
        History.replaceState(null, null, "#" + s);
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   268
    }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   269
    
6
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   270
    // active css
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   271
    function active_css(n){
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   272
        $(".videotitle").removeClass("active");
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   273
        $("#videotitle" + n.substr(0,1)).addClass("active");
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   274
    }
9b3c3c34a288 enhance css and 2 more videos
cavaliet
parents: 5
diff changeset
   275
    
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   276
    // on load
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   277
    $(function() {
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   278
      $(".videolink").click(function(e){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   279
        playVideo($(this).attr("data-videoid"), $(this).attr('data-segid'));
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   280
      });
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   281
      // load first video with get parameter
8
cavaliet
parents: 7
diff changeset
   282
      var first = "0";
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   283
      var iframe = getURLParameter("iframe");
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   284
      if(iframe=="null"){
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   285
        var v = getURLParameter("v");
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   286
        if(v=="null"){
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   287
          playVideo(first, "");
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   288
        }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   289
        else{
9
d22885042ac0 link to main video
cavaliet
parents: 8
diff changeset
   290
          playVideo(v, "", false);
5
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   291
        }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   292
      }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   293
      else{
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   294
        displayIframe(iframe, false)
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   295
	  }
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   296
    });
62959dc4ff0d history management
cavaliet
parents: 4
diff changeset
   297
    
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   298
  </script>
12
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   299
  <script> 
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   300
	(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
   301
	  (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
   302
	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
   303
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   304
	  ga('create', 'UA-44960237-1', 'digital-studies.org'); 
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   305
	  ga('send', 'pageview');
7253e705e37c update datas and stuffs
cavaliet
parents: 11
diff changeset
   306
</script>
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   307
</body>
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   308
</html>