[MerlinEPGCenter] - implement workaround to fix zapping to channel when alternatives...
[enigma2-plugins.git] / webinterface / src / stream / index.html
1 <!doctype html>
2 <html class="no-js" lang="">
3         <head>
4                 <meta charset="utf-8">
5                 <meta http-equiv="x-ua-compatible" content="ie=edge">
6                 <title>Dreambox TV - BETA</title>
7                 <meta name="description" content="Dreambox TV Streaming">
8                 <meta name="viewport" content="width=device-width, initial-scale=1">
9
10                 <link rel="manifest" href="site.webmanifest">
11                 <link rel="apple-touch-icon" href="icon.png">
12                 <link rel="shortcut icon" href="favicon.ico">
13
14                 <link rel="stylesheet" href="css/vendor/normalize.css">
15                 <link rel="stylesheet" href="css/vendor/dialog-polyfill.css">
16                 <link rel="stylesheet" href="css/vendor/material.min.css">
17                 <link rel="stylesheet" href="css/vendor/plyr.css">
18                 <link rel="stylesheet" href="fonts/material_icons.css">
19                 <link rel="stylesheet" href="css/main.css">
20         </head>
21         <body>
22                 <script src="js/vendor/dialog-polyfill.js"></script>
23                 <script src="js/vendor/modernizr-3.5.0.min.js"></script>
24                 <script src="js/vendor/jquery-3.2.1.min.js"></script>
25                 <script src="js/vendor/hls.js"></script>
26                 <script src="js/vendor/material.min.js"></script>
27                 <script src="js/plugins.js"></script>
28                 <script src="/web-data/userprefs.js"></script>
29                 <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
30                         <header class="mdl-layout__header">
31                                 <div class="mdl-layout__header-row">
32                                         <span class="mdl-layout-title mdl-cell--hide-phone">Dreambox TV - BETA</span>
33                                         <div class="mdl-layout-spacer"></div>
34                                         <nav id="bouquets" class="mdl-navigation"></nav>
35                                         <button id="settings-menu" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
36                                                 <i class="material-icons">more_vert</i>
37                                         </button>
38                                         <form action="#">
39                                                 <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="settings-menu">
40                                                         <li id="button-bitrates" class="mdl-menu__item">Bitrates</li>
41                                                 </ul>
42                                         </form>
43                                 </div>
44                         </header>
45                         <div class="mdl-layout__drawer">
46                                 <span id="menu-bouquet" class="mdl-layout-title"></span>
47                                 <nav id="services" class="mdl-navigation"></nav>
48                         </div>
49                         <main class="mdl-layout__content center">
50                                 <video playsinline autoplay controls id="video"></video>
51                         </main>
52                         <div id="snackbar" class="mdl-js-snackbar mdl-snackbar">
53                                 <div class="mdl-snackbar__text"></div>
54                                 <button class="mdl-snackbar__action" type="button"></button>
55                         </div>
56                 </div>
57 <!-- Login Dialog -->
58                 <dialog id="login_dialog" class="mdl-dialog">
59                         <form id="login_form" action="#">
60                                 <h4 class="mdl-dialog__title">Login</h4>
61                                 <div class="mdl-dialog__content">
62                                         <div class="mdl-textfield mdl-js-textfield">
63                                                 <input required class="mdl-textfield__input" type="text" id="login_user" name="login_user" value="root">
64                                                 <label class="mdl-textfield__label" for="user">User...</label>
65                                         </div>
66                                         <div id="login_container" class="mdl-textfield mdl-js-textfield">
67                                                 <input class="mdl-textfield__input" type="password" id="login_pass" name="login_pass" autofocus>
68                                                 <label class="mdl-textfield__label" for="pass">Password...</label>
69                                                 <span class="mdl-textfield__error">Login failed! Wrong credentials?</span>
70                                         </div>
71                                 </div>
72                                 <div class="mdl-dialog__actions">
73                                         <button onclick="return false;" type="submit" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised mdl-button--colored send">Login</button>
74                                 </div>
75                         </form>
76                 </dialog>
77 <!-- Stream Settings Dialog -->
78                 <dialog id="bitrate_dialog" class="mdl-dialog">
79                         <h4 class="mdl-dialog__title">Bitrates</h4>
80                         <div class="mdl-dialog__content">
81                                 <div class="mdl-textfield mdl-js-textfield">
82                                         <input class="mdl-textfield__input" type="number" min="500" max="10000" id="videoBitrate">
83                                         <label class="mdl-textfield__label" for="videoBitrate">Video...</label>
84                                         <span class="mdl-textfield__error">Video bitrate has to be between 500 an 10000!</span>
85                                 </div>
86                                 <div class="mdl-textfield mdl-js-textfield">
87                                         <input class="mdl-textfield__input" type="number" min="32" max="512" id="audioBitrate">
88                                         <label class="mdl-textfield__label" for="audioBitrate">Audio...</label>
89                                         <span class="mdl-textfield__error">Audio bitrate has to be between 32 an 512!</span>
90                                 </div>
91                         </div>
92                         <div class="mdl-dialog__actions">
93                                 <button type="button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised mdl-button--colored ok">OK</button>
94                                 <button type="button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised close">Cancel</button>
95                         </div>
96                 </dialog>
97                 <script src="js/vendor/plyr.min.js"></script>
98                 <script src="js/main.js"></script>
99         </body>
100 </html>