diff --git a/www/boris/film.php b/www/boris/film.php
index 2e52171..40fc616 100644
--- a/www/boris/film.php
+++ b/www/boris/film.php
@@ -41,6 +41,7 @@ foreach ($videos as $v) {
     <title>Astro CLUB</title>
     <link rel="stylesheet" href="crowdbunker.css" type="text/css" />
     <link rel="icon" type="image/png" href="./astrocrowdbunker.png" />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
     <script type="text/javascript" src="./instascan.min.js"></script>
 </head>
 <body>
@@ -52,6 +53,9 @@ foreach ($videos as $v) {
 </header>
 
 <main>
+
+<video id="preview"></video>
+
 <?php
 echo '<ul id="videosList">';
 
@@ -80,6 +84,21 @@ echo '</ul>';
 ?>
 </main>
 
+<script type="text/javascript">
+  let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
+  scanner.addListener('scan', function (content) {
+    alert(content);
+  });
+  Instascan.Camera.getCameras().then(function (cameras) {
+    if (cameras.length > 0) {
+      scanner.start(cameras[0]);
+    } else {
+      console.error('No cameras found.');
+    }
+  }).catch(function (e) {
+    console.error(e);
+  });
+</script>
 
 </body>
 </html>
