Statistics
| Branch: | Revision:

peerstreamer-src / Public / player.html @ d790caf8

History | View | Annotate | Download (2.29 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="/mysources.html">My Sources</a></li>
36
                                        <li><a href="#">About</a></li>
37
                                </ul>
38
                        </div><!--/.nav-collapse -->
39
                </div><!--/.container-fluid -->
40
        </nav>
41

    
42

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