Spaces:

docto41
/

cinestream

Running

App Files Files Community

docto41 commited on May 18

Commit

82ddecc

verified ·

1 Parent(s): 3f93762

Add 2 files

Browse files

Files changed (2) hide show

index.html +85 -66
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -103,6 +103,42 @@
         .stream-btn:hover {
             transform: scale(1.05);
         }
     </style>
 </head>
 <body class="min-h-screen">
@@ -268,55 +304,33 @@
         </div>
     </div>
-    <!-- Streaming Modal -->
-    <div id="streaming-modal" class="fixed inset-0 z-50 hidden overflow-y-auto">
-        <div class="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-            <div class="fixed inset-0 transition-opacity" aria-hidden="true">
-                <div class="absolute inset-0 bg-gray-900 opacity-90"></div>
-            </div>
-            <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
-            <div class="inline-block align-bottom bg-gray-800 rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-6xl sm:w-full">
-                <div class="px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
-                    <div class="sm:flex sm:items-start">
-                        <div class="w-full">
-                            <div class="flex justify-between items-center mb-4">
-                                <h3 id="streaming-title" class="text-xl font-bold text-white"></h3>
-                                <button onclick="closeStreamingModal()" class="text-gray-400 hover:text-white">
-                                    <i class="fas fa-times text-xl"></i>
-                                </button>
-                            </div>
-                            <div class="video-container mb-4 rounded-lg overflow-hidden">
-                                <iframe id="streaming-player" allowfullscreen></iframe>
-                            </div>
-                            <div class="flex flex-wrap gap-2 mb-4">
-                                <button onclick="changeQuality('720p')" class="stream-btn px-3 py-1 bg-gray-700 hover:bg-gray-600 text-white rounded-full text-sm">720p</button>
-                                <button onclick="changeQuality('1080p')" class="stream-btn px-3 py-1 bg-gray-700 hover:bg-gray-600 text-white rounded-full text-sm">1080p</button>
-                                <button onclick="changeQuality('4k')" class="stream-btn px-3 py-1 bg-gray-700 hover:bg-gray-600 text-white rounded-full text-sm">4K</button>
-                            </div>
-                            <div class="flex justify-between items-center">
-                                <div class="flex space-x-2">
-                                    <button onclick="toggleSubtitles()" class="stream-btn px-3 py-1 bg-gray-700 hover:bg-gray-600 text-white rounded-full text-sm">
-                                        <i class="fas fa-closed-captioning mr-1"></i> Sous-titres
-                                    </button>
-                                    <button onclick="toggleFullscreen()" class="stream-btn px-3 py-1 bg-gray-700 hover:bg-gray-600 text-white rounded-full text-sm">
-                                        <i class="fas fa-expand mr-1"></i> Plein écran
-                                    </button>
-                                </div>
-                                <div>
-                                    <button onclick="downloadMovie()" class="stream-btn px-3 py-1 bg-blue-600 hover:bg-blue-700 text-white rounded-full text-sm">
-                                        <i class="fas fa-download mr-1"></i> Télécharger
-                                    </button>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
                 </div>
             </div>
         </div>
     </div>
     <script>
@@ -469,8 +483,8 @@
                                 <span class="text-gray-400 text-sm ml-auto">${movie.release_date ? movie.release_date.substring(0, 4) : 'N/A'}</span>
                             </div>
                             <div class="mt-3">
-                                <button onclick="startStreamingFromCard(${movie.id}, '${movie.title || 'Film'}')" class="w-full stream-btn px-3 py-2 bg-green-600 hover:bg-green-700 text-white rounded text-sm">
-                                    <i class="fas fa-play mr-1"></i> Regarder
                                 </button>
                                 <button onclick="showMovieDetails(${movie.id})" class="w-full mt-2 px-3 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded text-sm">
                                     <i class="fas fa-info-circle mr-1"></i> Détails
@@ -648,29 +662,44 @@
         function startStreaming() {
             if (currentMovieId) {
                 const movieTitle = document.getElementById('modal-title').textContent;
-                startStreamingFromCard(currentMovieId, movieTitle);
                 closeModal();
             }
         }
-        // Démarrer le streaming depuis une carte de film
-        function startStreamingFromCard(movieId, movieTitle) {
             currentMovieId = movieId;
             document.getElementById('streaming-title').textContent = movieTitle;
             // Configurer le lecteur vidéo avec le service de streaming tiers
             const player = document.getElementById('streaming-player');
             player.src = `${STREAMING_PROVIDER}${movieId}`;
-            // Afficher la modal de streaming
-            document.getElementById('streaming-modal').classList.remove('hidden');
         }
-        // Fermer la modal de streaming
-        function closeStreamingModal() {
             const player = document.getElementById('streaming-player');
             player.src = '';
-            document.getElementById('streaming-modal').classList.add('hidden');
         }
         // Changer la qualité de streaming (simulé)
@@ -679,11 +708,6 @@
             // En réalité, vous devriez mettre à jour la source du lecteur vidéo
         }
-        // Basculer les sous-titres (simulé)
-        function toggleSubtitles() {
-            alert("Fonctionnalité de sous-titres activée. Note: Ceci est une démonstration.");
-        }
         // Basculer en plein écran
         function toggleFullscreen() {
             const player = document.getElementById('streaming-player');
@@ -695,11 +719,6 @@
                 player.msRequestFullscreen();
             }
         }
-        // Télécharger le film (simulé)
-        function downloadMovie() {
-            alert("Option de téléchargement. Note: Ceci est une démonstration.");
-        }
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=docto41/cinestream" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

         .stream-btn:hover {
             transform: scale(1.05);
         }
+        /* Style pour la fenêtre de streaming */
+        .streaming-window {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.9);
+            z-index: 1000;
+            display: flex;
+            flex-direction: column;
+        }
+        .streaming-header {
+            padding: 15px;
+            background-color: rgba(0, 0, 0, 0.7);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .streaming-content {
+            flex: 1;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+        .streaming-controls {
+            padding: 15px;
+            background-color: rgba(0, 0, 0, 0.7);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
     </style>
 </head>
 <body class="min-h-screen">
         </div>
     </div>
+    <!-- Streaming Window (hidden by default) -->
+    <div id="streaming-window" class="streaming-window hidden">
+        <div class="streaming-header">
+            <h3 id="streaming-title" class="text-xl font-bold text-white"></h3>
+            <button onclick="closeStreamingWindow()" class="text-gray-400 hover:text-white">
+                <i class="fas fa-times text-xl"></i>
+            </button>
+        </div>
+        <div class="streaming-content">
+            <div class="w-full h-full" style="max-width: 1200px;">
+                <div class="video-container">
+                    <iframe id="streaming-player" allowfullscreen></iframe>
                 </div>
             </div>
         </div>
+        <div class="streaming-controls">
+            <div class="flex space-x-2">
+                <button onclick="changeQuality('720p')" class="stream-btn px-3 py-1 bg-gray-700 hover:bg-gray-600 text-white rounded-full text-sm">720p</button>
+                <button onclick="changeQuality('1080p')" class="stream-btn px-3 py-1 bg-gray-700 hover:bg-gray-600 text-white rounded-full text-sm">1080p</button>
+                <button onclick="changeQuality('4k')" class="stream-btn px-3 py-1 bg-gray-700 hover:bg-gray-600 text-white rounded-full text-sm">4K</button>
+            </div>
+            <div>
+                <button onclick="toggleFullscreen()" class="stream-btn px-3 py-1 bg-gray-700 hover:bg-gray-600 text-white rounded-full text-sm">
+                    <i class="fas fa-expand mr-1"></i> Plein écran
+                </button>
+            </div>
+        </div>
     </div>
     <script>
                                 <span class="text-gray-400 text-sm ml-auto">${movie.release_date ? movie.release_date.substring(0, 4) : 'N/A'}</span>
                             </div>
                             <div class="mt-3">
+                                <button onclick="startAutoStreaming(${movie.id}, '${movie.title || 'Film'}')" class="w-full stream-btn px-3 py-2 bg-green-600 hover:bg-green-700 text-white rounded text-sm">
+                                    <i class="fas fa-play-circle mr-1"></i> Lecture auto
                                 </button>
                                 <button onclick="showMovieDetails(${movie.id})" class="w-full mt-2 px-3 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded text-sm">
                                     <i class="fas fa-info-circle mr-1"></i> Détails
         function startStreaming() {
             if (currentMovieId) {
                 const movieTitle = document.getElementById('modal-title').textContent;
+                startAutoStreaming(currentMovieId, movieTitle);
                 closeModal();
             }
         }
+        // Démarrer le streaming automatique dans une nouvelle fenêtre
+        function startAutoStreaming(movieId, movieTitle) {
             currentMovieId = movieId;
+            // Afficher la fenêtre de streaming
+            const streamingWindow = document.getElementById('streaming-window');
             document.getElementById('streaming-title').textContent = movieTitle;
             // Configurer le lecteur vidéo avec le service de streaming tiers
             const player = document.getElementById('streaming-player');
             player.src = `${STREAMING_PROVIDER}${movieId}`;
+            // Afficher la fenêtre de streaming
+            streamingWindow.classList.remove('hidden');
+            // Mettre le focus sur la fenêtre de streaming
+            streamingWindow.focus();
+            // Lecture automatique (certains navigateurs bloquent cette fonctionnalité)
+            player.onload = function() {
+                try {
+                    player.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
+                } catch (e) {
+                    console.log("Auto-play blocked by browser");
+                }
+            };
         }
+        // Fermer la fenêtre de streaming
+        function closeStreamingWindow() {
             const player = document.getElementById('streaming-player');
             player.src = '';
+            document.getElementById('streaming-window').classList.add('hidden');
         }
         // Changer la qualité de streaming (simulé)
             // En réalité, vous devriez mettre à jour la source du lecteur vidéo
         }
         // Basculer en plein écran
         function toggleFullscreen() {
             const player = document.getElementById('streaming-player');
                 player.msRequestFullscreen();
             }
         }
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=docto41/cinestream" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

prompts.txt CHANGED Viewed

@@ -4,4 +4,5 @@ affichier les image origine des filme
 CORRIGER  ERREUR DE CHARGEMENT DES FILMS
 corriger l'erreur 401
 RECONFIGURE LE SITE AFIN DE CORRIGER LES ERREUR 401
-je veux regarder les film en automatique activer les boutons regarder en automatique

 CORRIGER  ERREUR DE CHARGEMENT DES FILMS
 corriger l'erreur 401
 RECONFIGURE LE SITE AFIN DE CORRIGER LES ERREUR 401
+je veux regarder les film en automatique activer les boutons regarder en automatique
+activer les lecture des films dans une nouvel fenetre en mode lecture automatique