fix

templates/film_player.html

@@ -49,26 +49,41 @@
     <script>
         document.addEventListener("DOMContentLoaded", function() {
             const queryParams = new URLSearchParams(window.location.search);
-            const streamId = queryParams.get('stream_id');
+            const filmTitle = queryParams.get('title');
 
-            if (!streamId) {
-                document.getElementById('error').innerText = 'No stream ID provided.';
+            if (!filmTitle) {
+                document.getElementById('error').innerText = 'No film title provided.';
                 return;
             }
 
-            // Fetch film metadata if needed (optional)
-            // fetch(`/api/film/${encodeURIComponent(streamId)}`)
-            //     .then(response => response.json())
-            //     .then(data => {
-            //         if (data.title) {
-            //             document.getElementById('filmTitle').innerText = data.title;
-            //         }
-            //     });
+            // Display the film title
+            document.getElementById('filmTitle').innerText = decodeURIComponent(filmTitle);
 
-            // Set video source
-            const videoSource = document.getElementById('videoSource');
-            videoSource.src = `/stream/${streamId}`;
-            document.getElementById('videoPlayer').load();
+            // Fetch film metadata and stream URL
+            fetch(`/api/film/${encodeURIComponent(filmTitle)}`)
+                .then(response => response.json())
+                .then(data => {
+                    if (data.file_path) {
+                        return fetch(`/api/stream?path=${encodeURIComponent(data.file_path)}`);
+                    } else {
+                        throw new Error('File path not found.');
+                    }
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.stream_id) {
+                        // Update video source with the stream URL
+                        const videoSource = document.getElementById('videoSource');
+                        videoSource.src = `/stream/${data.stream_id}`;
+                        console.log("streamID : "+data.stream_id)
+                        document.getElementById('videoPlayer').load();
+                    } else {
+                        throw new Error('Stream ID not found.');
+                    }
+                })
+                .catch(error => {
+                    document.getElementById('error').innerText = `Error: ${error.message}`;
+                });
         });
     </script>
 </body>