feat: introduce LitePlayerView for video playback with custom zapping controls and mobile fullscreen support.

lib/features/iptv/widgets/lite_player_view.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:video_player/video_player.dart';
 import 'package:chewie/chewie.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
@@ -46,7 +47,8 @@ class _LitePlayerViewState extends ConsumerState<LitePlayerView> {
   Future<void> _initializePlayer() async {
     try {
       setState(() => _error = false);
-      _videoController = VideoPlayerController.networkUrl(Uri.parse(widget.streamUrl));
+      _videoController =
+          VideoPlayerController.networkUrl(Uri.parse(widget.streamUrl));
       await _videoController.initialize();
 
       _chewieController = ChewieController(
@@ -54,7 +56,9 @@ class _LitePlayerViewState extends ConsumerState<LitePlayerView> {
         autoPlay: true,
         looping: false,
         isLive: widget.isLive,
-        aspectRatio: _videoController.value.aspectRatio > 0 ? _videoController.value.aspectRatio : 16/9,
+        aspectRatio: _videoController.value.aspectRatio > 0
+            ? _videoController.value.aspectRatio
+            : 16 / 9,
         materialProgressColors: ChewieProgressColors(
           playedColor: AppColors.primary,
           handleColor: Colors.white,
@@ -62,6 +66,20 @@ class _LitePlayerViewState extends ConsumerState<LitePlayerView> {
           bufferedColor: Colors.white54,
         ),
 
+        // Fullscreen configuration for Mobile
+        allowFullScreen: true,
+        allowMuting: true,
+        showControls: true,
+        deviceOrientationsOnEnterFullScreen: [
+          DeviceOrientation.landscapeLeft,
+          DeviceOrientation.landscapeRight,
+        ],
+        deviceOrientationsAfterFullScreen: [
+          DeviceOrientation.portraitUp,
+        ],
+        systemOverlaysOnEnterFullScreen: [], // Full immersive
+        systemOverlaysAfterFullScreen: SystemUiOverlay.values,
+
         // Custom Controls to include Zapping
         additionalOptions: (context) {
           return <OptionItem>[
@@ -86,6 +104,11 @@ class _LitePlayerViewState extends ConsumerState<LitePlayerView> {
           ];
         },
       );
+
+      _chewieController!.addListener(() {
+        if (mounted) setState(() {});
+      });
+
       setState(() {});
     } catch (e) {
       debugPrint('Error initializing Lite Player: $e');
@@ -114,7 +137,8 @@ class _LitePlayerViewState extends ConsumerState<LitePlayerView> {
           children: [
             const Icon(Icons.error_outline, color: Colors.red, size: 48),
             const SizedBox(height: 16),
-            const Text('Error loading video', style: TextStyle(color: Colors.white)),
+            const Text('Error loading video',
+                style: TextStyle(color: Colors.white)),
             const SizedBox(height: 16),
             ElevatedButton(
               onPressed: () {
@@ -128,13 +152,16 @@ class _LitePlayerViewState extends ConsumerState<LitePlayerView> {
       );
     }
 
-    if (_chewieController != null && _chewieController!.videoPlayerController.value.isInitialized) {
+    if (_chewieController != null &&
+        _chewieController!.videoPlayerController.value.isInitialized) {
       return Stack(
         children: [
           Chewie(controller: _chewieController!),
 
           // Overlay Zapping Controls for easy access (since Chewie hides controls)
-          if (widget.onPrevious != null || widget.onNext != null)
+          // Hide them during fullscreen to avoid clutter
+          if ((widget.onPrevious != null || widget.onNext != null) &&
+              !(_chewieController?.isFullScreen ?? false))
             Positioned(
               bottom: 20,
               right: 80,
@@ -144,7 +171,8 @@ class _LitePlayerViewState extends ConsumerState<LitePlayerView> {
                   if (widget.onPrevious != null) ...[
                     IconButton(
                       onPressed: widget.onPrevious,
-                        icon: const Icon(Icons.navigate_before, color: Colors.white, size: 32),
+                      icon: const Icon(Icons.navigate_before,
+                          color: Colors.white, size: 32),
                       tooltip: 'Previous Channel',
                     ),
                     const SizedBox(width: 16),
@@ -152,7 +180,8 @@ class _LitePlayerViewState extends ConsumerState<LitePlayerView> {
                   if (widget.onNext != null)
                     IconButton(
                       onPressed: widget.onNext,
-                        icon: const Icon(Icons.navigate_next, color: Colors.white, size: 32),
+                      icon: const Icon(Icons.navigate_next,
+                          color: Colors.white, size: 32),
                       tooltip: 'Next Channel',
                     ),
                 ],
@@ -162,6 +191,7 @@ class _LitePlayerViewState extends ConsumerState<LitePlayerView> {
       );
     }
 
-    return const Center(child: CircularProgressIndicator(color: AppColors.primary));
+    return const Center(
+        child: CircularProgressIndicator(color: AppColors.primary));
   }
 }

task.md

@@ -24,6 +24,7 @@ Refonte du Guide TV pour inclure les catégories et corriger l'EPG.
 - [x] Correction Chemins HLS Relatifs (Bug chemins absolus FFmpeg)
 - [x] Résolution Erreur 502 Proxy (Nettoyage Headers + API Buffer)
 - [x] Optimisation HLS iOS (Force Keyframes + Anti-Empty Playlist)
+- [x] Support Plein Écran Mobile (Orientations Landscape + UI Auto-hide)
 
 ## Progress Log