Files
xtremflow/lib/features/iptv/widgets/lite_player_view.dart
T

198 lines
5.8 KiB
Dart

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';
import 'dart:async';
import '../../../core/theme/app_colors.dart';
class LitePlayerView extends ConsumerStatefulWidget {
final String streamUrl;
final bool isLive;
final VoidCallback? onNext;
final VoidCallback? onPrevious;
const LitePlayerView({
super.key,
required this.streamUrl,
required this.isLive,
this.onNext,
this.onPrevious,
});
@override
ConsumerState<LitePlayerView> createState() => _LitePlayerViewState();
}
class _LitePlayerViewState extends ConsumerState<LitePlayerView> {
late VideoPlayerController _videoController;
ChewieController? _chewieController;
bool _error = false;
@override
void initState() {
super.initState();
_initializePlayer();
}
@override
void didUpdateWidget(LitePlayerView oldWidget) {
super.didUpdateWidget(oldWidget);
if (oldWidget.streamUrl != widget.streamUrl) {
_disposeControllers();
_initializePlayer();
}
}
Future<void> _initializePlayer() async {
try {
setState(() => _error = false);
_videoController =
VideoPlayerController.networkUrl(Uri.parse(widget.streamUrl));
await _videoController.initialize();
_chewieController = ChewieController(
videoPlayerController: _videoController,
autoPlay: true,
looping: false,
isLive: widget.isLive,
aspectRatio: _videoController.value.aspectRatio > 0
? _videoController.value.aspectRatio
: 16 / 9,
materialProgressColors: ChewieProgressColors(
playedColor: AppColors.primary,
handleColor: Colors.white,
backgroundColor: Colors.white24,
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>[
if (widget.onNext != null)
OptionItem(
onTap: (context) {
widget.onNext!();
Navigator.of(context).pop(); // Close options menu
},
iconData: Icons.skip_next,
title: 'Next Channel',
),
if (widget.onPrevious != null)
OptionItem(
onTap: (context) {
widget.onPrevious!();
Navigator.of(context).pop(); // Close options menu
},
iconData: Icons.skip_previous,
title: 'Previous Channel',
),
];
},
);
_chewieController!.addListener(() {
if (mounted) setState(() {});
});
setState(() {});
} catch (e) {
debugPrint('Error initializing Lite Player: $e');
setState(() => _error = true);
}
}
void _disposeControllers() {
_videoController.dispose();
_chewieController?.dispose();
_chewieController = null;
}
@override
void dispose() {
_disposeControllers();
super.dispose();
}
@override
Widget build(BuildContext context) {
if (_error) {
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
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 SizedBox(height: 16),
ElevatedButton(
onPressed: () {
_disposeControllers();
_initializePlayer();
},
child: const Text('Retry'),
),
],
),
);
}
if (_chewieController != null &&
_chewieController!.videoPlayerController.value.isInitialized) {
return Stack(
children: [
Chewie(controller: _chewieController!),
// Overlay Zapping Controls for easy access (since Chewie hides controls)
// Hide them during fullscreen to avoid clutter
if ((widget.onPrevious != null || widget.onNext != null) &&
!(_chewieController?.isFullScreen ?? false))
Positioned(
bottom: 20,
right: 80,
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
if (widget.onPrevious != null) ...[
IconButton(
onPressed: widget.onPrevious,
icon: const Icon(Icons.navigate_before,
color: Colors.white, size: 32),
tooltip: 'Previous Channel',
),
const SizedBox(width: 16),
],
if (widget.onNext != null)
IconButton(
onPressed: widget.onNext,
icon: const Icon(Icons.navigate_next,
color: Colors.white, size: 32),
tooltip: 'Next Channel',
),
],
),
),
],
);
}
return const Center(
child: CircularProgressIndicator(color: AppColors.primary));
}
}