metadataplayer edwin/oggvideo2.htm
author ymh <ymh.work@gmail.com>
Thu, 30 Aug 2012 01:15:16 +0200
changeset 7 fb450f78bfd1
parent 4 ed1126cd2b80
permissions -rw-r--r--
correct sync files
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
4
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     1
<!doctype html>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     2
<html>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     3
    <head>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     4
        <title>Edwin Mashup</title>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     5
        <link rel="stylesheet" type="text/css" href="style.css" />
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     6
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     7
        <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     8
    </head>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     9
    <body>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    10
        <div class="main-container">
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    11
            <div class="header">
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    12
                <h1>Hash Cut #</h1>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    13
            </div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    14
            <div class="steps">
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    15
                <h2>Créer un Hash-cut en 3 étapes&nbsp;:</h2>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    16
                <div class="steps-frame">
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    17
                    <div class="step">
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    18
                        <div class="step-icon step-1"></div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    19
                        <div class="step-title">S'inscrire et<br />créer un projet</div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    20
                    </div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    21
                    <div class="step-separator"></div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    22
                    <div class="step">
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    23
                        <div class="step-icon step-2"></div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    24
                        <div class="step-title">Découper et<br />Assembler</div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    25
                    </div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    26
                    <div class="step-separator"></div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    27
                    <div class="step active">
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    28
                        <div class="step-icon step-3"></div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    29
                        <div class="step-title">Partager et<br />regarder&nbsp;!</div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    30
                    </div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    31
                </div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    32
            </div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    33
            <div class="colgauche">
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    34
                <h2>Mon HashCut</h2>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    35
                <hr />
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    36
                <div id="LdtPlayer"></div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    37
            </div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    38
            <div class="coldroite">
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    39
                <div id="mediaList"></div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    40
            </div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    41
            <div class="footer">
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    42
                <hr />
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    43
                <p style="text-align: right;">&copy; IRI 2012</p>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    44
            </div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    45
        </div>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    46
	    <script type="text/javascript">
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    47
	
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    48
			IriSP.libFiles.defaultDir = "libs/";
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    49
			IriSP.widgetsDir = "metadataplayer";
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    50
			IriSP.language = 'fr';
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    51
			
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    52
			var _metadata = {
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    53
			    url: 'json/moon.json',
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    54
			    format: 'ldt'
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    55
			};
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    56
			
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    57
			var _canPlayMp4 = document.createElement('video').canPlayType('video/mp4');
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    58
			
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    59
			var _config = {            
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    60
			    gui: {
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    61
			        width : 630,
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    62
			        container : 'LdtPlayer',
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    63
			        default_options: {
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    64
			            metadata: _metadata
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    65
			        },
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    66
			        css : 'metadataplayer/LdtPlayer-core.css',
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    67
			        widgets: [
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    68
			            { type: "Slider" },
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    69
			            { type: "Controller" },
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    70
			            {
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    71
			                type: "Segments",
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    72
			                annotation_type: false
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    73
			            },
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    74
			            { type: "Arrow" },
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    75
			            {
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    76
			                type: "Annotation",
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    77
			                annotation_type: false
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    78
			            },
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    79
			            {
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    80
			                type: "MediaList",
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    81
			                container: "mediaList"
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    82
			            },
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    83
			            { type: "Mediafragment" }
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    84
			        ]
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    85
			    },
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    86
			    player:{
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    87
			        type: 'mashup-html',
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    88
			        url_transform: function(_url) {
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    89
			            if (_canPlayMp4 == "maybe" || _canPlayMp4 == "probably") {
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    90
			                return _url.replace(/\.webm$/i,'.mp4');
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    91
			            } else {
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    92
			                return _url.replace(/\.mp4$/i,'.webm');
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    93
			            }
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    94
			            
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    95
			        },
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    96
			        height: 350,
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    97
			        width: 630,
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    98
			        autostart: true,
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    99
			        metadata: _metadata
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   100
			    }
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   101
			};
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   102
			
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   103
			_myPlayer = new IriSP.Metadataplayer(_config);
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   104
	
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   105
	    </script>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   106
    </body>
ed1126cd2b80 test de bout à bout en éditant le .json
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   107
</html>