[StreamServerSeek] Reverse-Proxy + Player
[enigma2-plugins.git] / streamserverseek / src / web-data / player.html
1 <!doctype html>
2 <html lang="en">
3     <head>
4         <meta charset="utf-8">
5         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6
7         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha256-916EbMg70RQy9LHiGkXzG8hSg9EdNy97GazNG/aiY1w=" crossorigin="anonymous" />
8         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha256-NuCn4IvuZXdBaFKJOAcsU2Q3ZpwbdFisd5dux4jkQ5w=" crossorigin="anonymous" />
9         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.0.0/css/bootstrap-slider.min.css" integrity="sha256-WfuSLYdzGvlsFU6ImYYSE277WsjfyU30QeGuNIjeJEI=" crossorigin="anonymous" />
10         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.9.0/video-js.min.css" integrity="sha256-eXoB2lxpqIgd9VUhTEJfMF3F9X7W7SNNeo1eZzZ5dkc=" crossorigin="anonymous" />
11
12         <link rel="stylesheet" href="streamserverseek.css" />
13         <title>StreamServerSeek - Player</title>
14     </head>
15     <body>
16         <div class="container">
17             <div class="row">
18                 <div class="col-xs-12"><h2>StreamServerSeek - Player</h2></div>
19             </div>
20             <div class="controls">
21                 <div class="row">
22                     <div class="col-xs-12">
23                         <h3 class="servicename"></h3>
24                     </div>
25                 </div>
26                 <div class="row playerrow">
27                     <div class="col-xs-12">
28                         <video id=sss-player width=290 height=163 class="video-js vjs-default-skin" controls>
29                             <source src="/streamserverseek/proxy/stream.m3u8" type="application/x-mpegURL">
30                         </video>
31                     </div>
32                 </div>
33                 <div class="row sliderrow">
34                     <div class="col-xs-9 col-sm-11">
35                         <input class="slider" data-slider-id='slider1' type="text" data-slider-min="0" />
36                     </div>
37                     <div class="col-xs-3 col-sm-1">
38                         <span class="length">--:--</span>
39                     </div>
40                 </div>
41             </div>
42             <div class="row inactive">
43                 <div class="col-xs-12">
44                     The streamserver is currently inactive
45                 </div>
46             </div>
47             <div class="row error">
48                 <div class="col-xs-12">
49                     An error occurred while retrieving streamserver info
50                 </div>
51             </div>
52         </div>
53         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
54         <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>
55         <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.0.0/bootstrap-slider.min.js" integrity="sha256-ssw743RfM8cbNhwou26tmmPhiNhq3buUbRG/RevtfG4=" crossorigin="anonymous"></script>
56         <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.9.0/video.min.js" integrity="sha256-+bMQKLpua60yw7fY434+gmPiCFk1cVbKXBG9TUuCgpA=" crossorigin="anonymous"></script>
57         <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.9.0/lang/de.js" integrity="sha256-P+JMZ2DTEoWOsvId+mhKZKpOc7AXcoYSKKqRqVZprPo=" crossorigin="anonymous"></script>
58         <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.14.1/videojs-contrib-hls.min.js" integrity="sha256-ngHSRzCW6euvtJPYDc6HnWd9UvS7VxXfOcRt5Kt0ZrA=" crossorigin="anonymous"></script>
59
60         <script src="streamserverseek.js"></script>
61
62         <script>
63             var player = videojs('sss-player');
64             player.play();
65         </script>
66
67     </body>
68 </html>