crea/integration/player.html
author veltr
Mon, 11 Jun 2012 15:09:37 +0200
changeset 54 402fad4d9495
parent 40 02960e91525d
child 62 c56d8f2447a2
permissions -rw-r--r--
Added logos
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
1
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     1
<!DOCTYPE html>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     2
<html lang="fr">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     3
    <head>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     4
        <meta charset="utf-8" />
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     5
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     6
        <title>Musitag - Futur en Seine 2012</title>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     7
        <link rel="stylesheet" type="text/css" href="css/musitag.css" />
2
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
     8
        <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js"></script>
1
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     9
    </head>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    10
    <body>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    11
        <div class="big-container">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    12
            <div class="player-header">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    13
                <div class="player-topleft">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    14
                    <h1>Musitag</h1>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    15
                    <div class="back-home">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    16
                        <a href="home.html">Liste des chansons</a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    17
                    </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    18
                </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    19
                <div class="player-album">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    20
                    <img src="media/wari-190.jpg" />
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    21
                    <h2>Au Clair de la Lune</h2>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    22
                    <h3>Steve Waring</h3>
2
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    23
                    <div id="player-elements"></div>
1
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    24
                </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    25
            </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    26
            
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    27
            <div class="player-timeline">
2
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    28
                <div id="controller-widget"></div>
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    29
                <div id="slider-widget"></div>
1
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    30
            </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    31
            <div class="player-belowtl">
2
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    32
                <div id="player-annotations"></div>
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    33
                <div id="player-andyou"></div>
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    34
                <div id="player-annotator"></div>
1
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    35
            </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    36
            
54
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    37
            <div class="footer">
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    38
                <div class="footer-idf">
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    39
                    <p class="footer-soutenu">Soutenu par le<br />Conseil Régional</p>
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    40
                    <a href="http://www.iledefrance.fr/" title="Région Île-de-France">
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    41
                        <img src="img/logo-idf.png" alt="Région Île-de-France" />
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    42
                    </a>
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    43
                </div>
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    44
                <a href="http://www.futur-en-seine.fr/" title="Festival Futur En Seine 2012">
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    45
                    <img src="img/logo-fens.png" class="footer-logo" alt="Festival Futur En Seine 2012" />
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    46
                </a>
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    47
                <a href="http://www.tralalere.com/" title="Tralalere">
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    48
                    <img src="img/logo-tralalere.png" class="footer-logo" alt="Tralalere" />
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    49
                </a>
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    50
                <a href="http://www.iri.centrepompidou.fr/" title="Institut de Recherche et d'Innovation">
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    51
                    <img src="img/logo-iri.png" class="footer-logo" alt="Institut de Recherche et d'Innovation" />
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    52
                </a>
402fad4d9495 Added logos
veltr
parents: 40
diff changeset
    53
            </div>
1
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    54
        </div>
2
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    55
    <script type="text/javascript">
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    56
    IriSP.libFiles.defaultDir = "libs/";
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    57
    IriSP.widgetsDir = "metadataplayer";
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    58
    var _metadata = {
40
02960e91525d JS corrections
veltr
parents: 38
diff changeset
    59
        url: 'http://192.168.56.101/musitag/tralalere/ldt/cljson/id/156c66cc-afe5-11e1-807a-58b035f6b93d',
2
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    60
        format: 'ldt'
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    61
    };
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    62
    var _config = {
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    63
        gui: {
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    64
            width : 1,
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    65
            height : 1,
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    66
            container : 'player-elements',
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    67
            default_options: {
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    68
                metadata: _metadata
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    69
            },
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    70
            css : 'metadataplayer/LdtPlayer-core.css',
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    71
            widgets: [
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    72
                {
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    73
                    type: "Controller",
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    74
                    container: "controller-widget"
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    75
                },
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    76
                {
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    77
                    type: "Slider",
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    78
                    container: "slider-widget",
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    79
                    minimize_timeout: false
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    80
                },
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    81
                {
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    82
                    type: "MusitagAnnotations",
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    83
                    container: "player-annotations"
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    84
                },
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    85
                {
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    86
                    type: "MusitagAndYou",
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    87
                    container: "player-andyou"
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    88
                },
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    89
                {
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    90
                    type: "MusitagAnnotator",
38
f19428838d3b Added Annotation pushing
veltr
parents: 13
diff changeset
    91
                    container: "player-annotator",
f19428838d3b Added Annotation pushing
veltr
parents: 13
diff changeset
    92
                    record_swf: "../../script/record_mic/record_mic.swf",
f19428838d3b Added Annotation pushing
veltr
parents: 13
diff changeset
    93
                    api_endpoint_template: "data/return-data.json",
f19428838d3b Added Annotation pushing
veltr
parents: 13
diff changeset
    94
                    api_method: "POST"
2
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    95
                }
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    96
            ]
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    97
        },
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    98
        player:{
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
    99
            type: 'jwplayer',
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
   100
            height: 1, 
13
692a26b5274b Metadataplayer changes
veltr
parents: 2
diff changeset
   101
            width: 1,
692a26b5274b Metadataplayer changes
veltr
parents: 2
diff changeset
   102
            metadata: _metadata
2
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
   103
        }
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
   104
    };
13
692a26b5274b Metadataplayer changes
veltr
parents: 2
diff changeset
   105
    var _myPlayer = new IriSP.Metadataplayer(_config);
2
44deeff592e2 Added metadataplayer, "widgetized" the interface
veltr
parents: 1
diff changeset
   106
    </script>
1
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   107
    </body>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   108
</html>