Statistics
| Branch: | Revision:

peerstreamer-src / Public / player.html @ 58fb2cdc

History | View | Annotate | Download (2.95 KB)

1
<!DOCTYPE html>
2
<html>
3
<head>
4
<meta charset="utf-8">
5
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
7
        <title>PeerSteamer-ng</title>
8

    
9
        <!-- Twitter Bootstrap -->
10
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
11
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
12
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
13
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/webrtc-adapter/5.0.1/adapter.min.js" ></script>
14
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.1.0/bootbox.min.js"></script>
15
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.3.2/spin.min.js"></script>
16
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.3/toastr.min.js"></script>
17
<script src="/assets/janus.js"></script> 
18
<script src="/assets/player.js"></script> 
19
        <script src="/assets/psng.js"></script>
20

    
21
</head>
22
<body>
23
        <div id=main-container class=container>
24
                <div class=jumbotron>
25
                        <h1>PeerStreamer-ng</h1>
26
                        Your friendly-neighborhood streaming platform
27
                </div>
28
        </div>
29

    
30
        
31
        <nav class="navbar navbar-default ">
32
                <div class="container-fluid">
33
                        <div class="navbar-header">
34
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
35
                                        <span class="sr-only">Toggle navigation</span>
36
                                        <span class="icon-bar"></span>
37
                                        <span class="icon-bar"></span>
38
                                        <span class="icon-bar"></span>
39
                                </button>
40
                        </div>
41
                        <div id="navbar" class="navbar-collapse collapse">
42
                                <ul class="nav navbar-nav">
43
                                        <li class="active"><a href="/player.html">Player</a></li>
44
                                        <li><a href="/mysource.html">My Source</a></li>
45
                                        <li><a href="#">About</a></li>
46
                                </ul>
47
                        </div><!--/.nav-collapse -->
48
                </div><!--/.container-fluid -->
49
        </nav>
50

    
51

    
52
        <div class="row center-block">
53
                <div class="col-md-10">
54
                        <div class="row center-block">
55
                                <h2 id="player-title" class="text-center">&lt;Pick a channel from the list&gt;</h2>
56
                        </div>
57
                        <div id="plugin" class="row text-center" >
58
                                                        <div class="panel-body" id="stream"></div>
59
                                                        <span id="status"></span>
60
                        </div>
61
                        <div class="row center-block">
62
                                <div class="col-md-3"></div>
63
                                <div class="col-md-6">
64
                                        <p id="vlc-alt"></p>
65
                                </div>
66
                                <div class="col-md-3"></div>
67
                        </div>
68
                </div>
69
                <div class="col-md-2">
70
                        <div class="row center-block">
71
                                <h2 class="text-center">Channels</h2>
72
                        </div>
73
                        <ul class="list-group" id="channel-list">
74
                        </ul>
75
                </div>
76
        </div>
77
</body>
78
</html>