Statistics
| Branch: | Revision:

peerstreamer-src / Public / player.html @ 6215638c

History | View | Annotate | Download (2.35 KB)

1
<!DOCTYPE html>
2
<html>
3
<head>
4
        <title>PeerSteamer-ng</title>
5

    
6
        <!-- Twitter Bootstrap -->
7
        <link rel="stylesheet" href="/assets/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
8
        <script src="/assets/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
9
        <script src="/assets/PluginDetect_VLC.js"></script>
10
        <script src="/assets/psng.js"></script>
11

    
12
</head>
13
<body>
14
        <div id=main-container class=container>
15
                <div class=jumbotron>
16
                        <h1>PeerStreamer-ng</h1>
17
                        Your friendly-neighborhood streaming platform
18
                </div>
19
        </div>
20

    
21
        
22
        <nav class="navbar navbar-default ">
23
                <div class="container-fluid">
24
                        <div class="navbar-header">
25
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
26
                                        <span class="sr-only">Toggle navigation</span>
27
                                        <span class="icon-bar"></span>
28
                                        <span class="icon-bar"></span>
29
                                        <span class="icon-bar"></span>
30
                                </button>
31
                        </div>
32
                        <div id="navbar" class="navbar-collapse collapse">
33
                                <ul class="nav navbar-nav">
34
                                        <li class="active"><a href="/player.html">Player</a></li>
35
                                        <li><a href="#" onclick="alert('PeerStreamer-ng, NetCommons edition\n\nhttps://ans.disi.unitn.it/redmine/projects/peerstreamer-ng');">About</a></li>
36
                                </ul>
37
                        </div><!--/.nav-collapse -->
38
                </div><!--/.container-fluid -->
39
        </nav>
40

    
41

    
42
        <div class="row center-block">
43
                <div class="col-md-10">
44
                        <div class="row center-block">
45
                                <h2 id="player-title" class="text-center">&lt;Pick a channel from the list&gt;</h2>
46
                        </div>
47
                        <div id="vlc-plugin" class="row text-center" >
48
                                <embed pluginspage="http://www.videolan.org"
49
                                        type="application/x-vlc-plugin"
50
                                        version="VideoLAN.VLCPlugin.2"
51
                                        width="720" volume="50"
52
                                        height="480"
53
                                        name="vlc" id="vlc"
54
                                        autoplay="true" allowfullscreen="true" 
55
                                        target="channel.sdp"/>
56
                        </div>
57
                        <div class="row center-block">
58
                                <div class="col-md-3"></div>
59
                                <div class="col-md-6">
60
                                        <p id="vlc-alt"></p>
61
                                </div>
62
                                <div class="col-md-3"></div>
63
                        </div>
64
                </div>
65
                <div class="col-md-2">
66
                        <div class="row center-block">
67
                                <h2 class="text-center">Channels</h2>
68
                        </div>
69
                        <ul class="list-group" id="channel-list">
70
                        </ul>
71
                </div>
72
        </div>
73
</body>
74
</html>