localwebsite: cams: support hls_debug param

localwebsite/handlers/MiscHandler.php

@@ -52,10 +52,19 @@ class MiscHandler extends RequestHandler
     public function GET_cams() {
         global $config;
 
+        list($hls_debug) = $this->input('b:hls_debug');
+
+        $hls_opts = [
+            'startPosition' => -1
+        ];
+        if ($hls_debug)
+            $hls_opts['debug'] = true;
+
         $this->tpl->add_external_static('js', 'https://cdn.jsdelivr.net/npm/hls.js@latest');
 
         $this->tpl->set([
             'hls_host' => $config['cam_hls_host'],
+            'hls_opts' => $hls_opts,
             'cams' => $config['cam_list']
         ]);
         $this->tpl->set_title('Камеры');

localwebsite/templates-web/cams.twig

@@ -6,7 +6,6 @@
 </nav>
 
 <div id="videos" class="camfeeds"></div>
-<video height="300" id="video"></video>
 
 <script>
 function hasFallbackSupport() {
@@ -23,10 +22,7 @@ function setupHls(video, name, useHls) {
     // This is using the built-in support of the plain video element, without using hls.js.
 
     if (useHls) {
-        var hls = new Hls({
-            // debug: true,
-            startPosition: -1,
-        });
+        var hls = new Hls({{ hls_opts|json_encode|raw }});
         hls.loadSource(src);
         hls.attachMedia(video);
         hls.on(Hls.Events.MEDIA_ATTACHED, function () {