front_idill/src/player/index.html
author bastiena
Tue, 24 Jul 2012 16:35:10 +0200
changeset 54 eb52a12370a3
parent 32 4003f84cd349
permissions -rw-r--r--
BBM : installer

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">

<head>
	<title>Metadataplayer - test</title>
	<meta http-equiv='cache-control' content='no-cache'>
	<meta http-equiv='expires' content='0'>
	<meta http-equiv='pragma' content='no-cache'>
	<!--<script type="text/javascript" src="libs/jquery-1.7.2.min.js" type="text/javascript"></script>   -->
</head>

<body bgcolor="#FFFFFF">

  <!--<div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial',  'Verdana', 'sans-serif';">
  <h1>MetaDataPlayer</h1>
  Polemic tweet integration test - using Popcorn, jwplayer and the <a href="http://polemictweet.com">PolemicTweet</a> widget.<br>
  </div>-->
  
  
 <!-- START Integration  ###################################### -->
 <!-- SIMPLE PLAYER EXPERIMENTATION -->
  <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script>   
  
  <div id="video"></div>
  <div id="LdtPlayer"></div>
  
  <script  type="text/javascript">
  IriSP.libFiles.defaultDir = "../../lib/";
  IriSP.widgetsDir = "metadataplayer/"
  //IriSP.jwplayer_swf_path = "libs/player.swf";
    var _metadata = {
        //url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/13b0aa52-336b-11e0-b233-00145ea49a02?callback=?',
        //url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/f1a17368-2bc8-11e1-b21a-00145ea49a02?callback=?', enmi
        //url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/d726e86a-684f-11e1-a087-00145ea4a2be?callback=?', //webze
        //url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/a972dbcc-26ff-11e1-8869-00145ea49a02?callback=?',
        //url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/3f1f08e6-66b9-11e1-80f6-00145ea4a2be?callback=?', //stronger
        url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/7c912bce-66b8-11e1-80f6-00145ea4a2be?callback=?', //stronger
        format: 'ldt'
    };
    var _config = {            
        gui: {
            width:620,
            //height:800,
			//timelineBorderLength: 10,
            container:'LdtPlayer',
			default_options: {
				metadata: _metadata
			},
            css:'metadataplayer/LdtPlayer-core.css',
            widgets: [
				{
					type: "Timeline"
				}
            ]
        },
        player:{
            type:'html5', // player type
			video:'http://media.iri.centrepompidou.fr/video/ldtplatform/body_trail_cctv.mp4',
            live: true, 
			height: 350, 
            width: 620, 
			autostart: true
            //provider: "rtmp" 
        }
    };
	
    var _myPlayer = new IriSP.Metadataplayer(_config, _metadata);
	
	//var playerTop = $('#LdtPlayer').position().top, playerLeft = $('#LdtPlayer').position().left;
  </script>
  
  
 </body>
 <div id="AnnotationsListContainer" style="position: absolute; width: 400px; left: 660px; top: 105px;"></div>
 </html>