videos crash when open

[taufikbarokahnur]

class NewTradingStrategy extends StatefulWidget { final String? videoId; const NewTradingStrategy({super.key, this.videoId});

@override State<NewTradingStrategy> createState() => _NewTradingStrategyState(); }

class _NewTradingStrategyState extends State<NewTradingStrategy> { // final NewTradingStrategyController controller = Get.find();

ChewieController? chewieController; VideoPlayerController? videoPlayerController; String speakerName = ""; String speakerImage = ""; Education? education; late ModuleActionCotroller moduleActionCotroller; late CommentController commentController; TextEditingController _comment = TextEditingController(); @override void initState() { // controller.getList("2023-07-10"); fetchLatestTradingStrategy( widget.videoId == null ? null : int.parse(widget.videoId!));

super.initState();

}

Future fetchLatestTradingStrategy(int? id) async { final dio = Dio(); String token = await SessionHandler().get_token(); var url = ApiConst.BASE_URL;

if (id != null) {
  url = ApiConst.BASE_URL + "api/TradingStrategy/find?market=stock&id=$id";
} else {
  url = ApiConst.BASE_URL + "api/TradingStrategy/find?market=stock";
}

final result = await dio.get(
  url,
  options: Options(
    headers: {
      "token": token,
    },
  ),
);
if (result.data['data'] != null) {
  if (mounted) {
    setState(() {
      education = Education.fromJson(result.data['data']);
      populatingVideoPlayer();
      populateSpeaker();

      Get.lazyPut(() => ModuleActionCotroller(),
          fenix: true, tag: "video" + education!.id.toString());
      Get.lazyPut(() => CommentController(),
          fenix: true, tag: "video" + education!.id.toString());

      moduleActionCotroller =
          Get.find(tag: "video" + education!.id.toString());
      commentController = Get.find(tag: "video" + education!.id.toString());
      //
      moduleActionCotroller.setId(education!.id.toString(), "video");
      commentController.setNoteId(education!.id.toString(), "video");
    });
  }
} else {
  // EasyLoading.showError("Failed to get video data").then((value) {
  //   Get.back();
  // });
}

//

watchTradingStrategy();

}

populateSpeaker() async { final dio = Dio(); print(ApiConst.BASE_URL + "api/TradingStrategy/speaker?id=" + education!.id.toString()); String token = await SessionHandler().get_token(); var url = ApiConst.BASE_URL + "api/TradingStrategy/speaker?id=" + education!.id.toString();

final result = await dio.get(
  url,
  options: Options(
    headers: {
      "token": token,
    },
  ),
);
if (result.data['data'] != null) {
  setState(() {
    speakerName = result.data['data']['fullname'];
    speakerImage = result.data['data']['image'];
  });
}

}

Future watchTradingStrategy() async { print("Watching Trading Strategy");

final dio = Dio();
String token = await SessionHandler().get_token();

final data = await dio.post(
  ApiConst.BASE_URL + "api/TradingStrategy/watch",
  data: {"video_id": education!.id},
  options: Options(
    headers: {
      'token': token,
    },
  ),
);

}

populatingVideoPlayer() async { print('cuaks video : ${Uri.parse(education!.mediaUrl!)}'); videoPlayerController = VideoPlayerController.networkUrl( Uri.parse(education!.mediaUrl!), ); await videoPlayerController!.initialize();

setState(() {
  print("Video Player Initialized");
  chewieController = ChewieController(
    videoPlayerController: videoPlayerController!,
    autoPlay: false,
    looping: true,
  );
});

}

@override void dispose() { videoPlayerController?.dispose(); chewieController?.dispose(); super.dispose(); }

@override Widget build(BuildContext context) { // print("cuaks url : ${ApiConst.get_video_attchment + // education!.thumbnail!}"); return Scaffold( backgroundColor: AppColors.backgroundColor, appBar: PreferredSize( preferredSize: Size.fromHeight(55), child: Container( decoration: BoxDecoration( color: Colors.white, boxShadow: [ BoxShadow( color: Colors.grey.withOpacity(0.5), spreadRadius: 0, blurRadius: 24.2, offset: Offset(0, 3), ), ], ), padding: const EdgeInsets.symmetric( horizontal: 24, ), child: Column( children: [ Container( height: MediaQuery.viewPaddingOf(context).top, width: double.infinity, ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.center, children: [ Expanded( child: Row( mainAxisAlignment: MainAxisAlignment.start, children: [ InkWell( onTap: () { Get.back(); }, child: Row( children: [ Icon( Icons.arrow_back, ), SizedBox(width: 8), ], ), ), Text( "Trading Strategy Video", style: GoogleFonts.quicksand( fontSize: 18, fontWeight: FontWeight.w600, color: Color( 0xff484C52, ), ), ), ], ), ), ], ), ], ), ), ), body: education == null ? Container() : Column( children: [ Expanded( child: SingleChildScrollView( child: Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ chewieController == null ? CachedNetworkImage( imageUrl: ApiConst.get_video_attchment + education!.thumbnail!, placeholder: (context, url) => Center( child: CircularProgressIndicator(), ), errorWidget: (context, url, error) => Icon(Icons.error), ) : AspectRatio( aspectRatio: 24 / 9, child: Chewie( controller: chewieController!, ), ), Container( width: double.infinity, padding: EdgeInsets.symmetric( horizontal: 24.w, vertical: 12.w, ), decoration: BoxDecoration( color: Colors.white, ), child: Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( width: 257.w, child: Text( education!.title!, style: GoogleFonts.quicksand( fontSize: 18, fontWeight: FontWeight.w700, color: Color( 0xff484C52, ), ), ), ), Spacer(), Container( padding: const EdgeInsets.symmetric( horizontal: 12, vertical: 4, ), decoration: BoxDecoration( borderRadius: BorderRadius.circular(20), border: Border.all( color: Color(0xff484C52), ), ), child: Text( education!.duration!, style: GoogleFonts.quicksand( fontSize: 10, fontWeight: FontWeight.w600, color: Color(0xff484C52), ), ), ), ], ), if (speakerName != "") SizedBox(height: 4), if (speakerName != "") Row( children: [ Container( height: 24.w, width: 24.w, decoration: BoxDecoration( shape: BoxShape.circle, color: Colors.white, image: DecorationImage( image: CachedNetworkImageProvider( ApiConst.BASE_URL + 'assets/file_upload/member_profile_images/' + speakerImage, ), fit: BoxFit.cover, ), ), ), SizedBox( width: 8.w, ), Text( speakerName, style: GoogleFonts.quicksand( fontSize: 13.sp, fontWeight: FontWeight.w600, color: Color( 0xff484C52, ), ), ), ], ), SizedBox(height: 12.w), Row( children: [ Image.asset( "assets/v3_assets/calendar_icon.png", width: 22.w, height: 22.w, color: Color(0xff484C52), ), SizedBox(width: 8.w), Text( Jiffy(education!.publishDate) .format("dd MMM yyyy HH:mm") + " (GMT +7)", style: GoogleFonts.quicksand( fontSize: 12.sp, fontWeight: FontWeight.w600, color: Color( 0xff484C52, ), ), ), ], ), SizedBox(height: 13.5.w), InkWell( onTap: () { videoPlayerController!.pause(); chewieController!.pause(); PersistentNavBarNavigator.pushNewScreen( context, screen: Archive(focus: "Trading Strategy"), withNavBar: false, ); }, child: Container( //underline only decoration: BoxDecoration( border: Border( bottom: BorderSide( color: AppColors.primary, width: 1, ), ), ), child: Text( "View All Videos", style: GoogleFonts.quicksand( fontSize: 13.sp, color: AppColors.primary, ), ), ), ), SizedBox(height: 13.5.w), ], ), ), BlocBuilder<SessionBloc, SessionState>( builder: (BuildContext context, SessionState state) { if (state is LoadSuccess) { SessionProfile? sessionProfile = state.posts; return CommentFeature( type: "video", id: education!.id.toString(), member: sessionProfile!.member_id!, memberType: sessionProfile.member_type!, ); } return Container(); }, ), ], ), ), ), BlocBuilder<SessionBloc, SessionState>( builder: (BuildContext context, SessionState state) { if (state is LoadSuccess) { SessionProfile? sessionProfile = state.posts; return GetBuilder<CommentController>( tag: "video" + education!.id.toString(), builder: (commentController) { return Container( padding: EdgeInsets.only( left: 24.w, right: 24.w, top: 10.w, bottom: 10.w, ), color: Colors.white, child: Container( color: Colors.white, width: MediaQuery.of(context).size.width, padding: EdgeInsets.symmetric( horizontal: 0.h, vertical: 5.h), child: Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ if (commentController.isReplying.value) Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Reply to ${commentController.activeReplyComment.value.createdBy!.displayName}", style: GoogleFonts.quicksand( fontSize: 14.sp, fontWeight: FontWeight.w600, color: Color(0xff484C52), ), ), IconButton( onPressed: () { commentController.resetAll(); }, icon: Icon( Icons.close, color: AppColors.primary, ), ), ], ), SizedBox(height: 10.w), Text( commentController .activeReplyComment.value.comment .toString(), style: GoogleFonts.quicksand( fontSize: 12.sp, fontWeight: FontWeight.w600, color: Color(0xff484C52), ), ), SizedBox(height: 10.w), ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ SizedBox( width: 10.h, ), sessionProfile!.member_profile_image != "" ? AvatarView( radius: 20.h, borderColor: Colors.white, borderWidth: 1, avatarType: AvatarType.CIRCLE, backgroundColor: AppColors.primary, imagePath: ApiConst .profile_image_path + sessionProfile .member_profile_image!, placeHolder: Container( child: Icon( Icons.person, size: 10.sp, ), ), errorWidget: Container( child: Icon( Icons.error, size: 10.sp, ), ), ) : Container(), SizedBox( width: 5.h, ), Expanded( child: Container( padding: EdgeInsets.only( top: commentController .isReplying.value ? 0.w : 0.w, ), child: TextFormField( maxLines: null, controller: _comment, autocorrect: false, textCapitalization: TextCapitalization.sentences, decoration: InputDecoration( isDense: true, contentPadding: EdgeInsets.all(10), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(25.0), borderSide: BorderSide( color: Colors.grey, width: 1.0.w, ), ), border: OutlineInputBorder(), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(25.0), borderSide: BorderSide( color: Colors.grey, width: 1.0.w, ), ), ), ), ), ), SizedBox( height: 40.w, child: FloatingActionButton( backgroundColor: Colors.white, onPressed: () async { if (_comment.text .toString() .length > 0) { await commentController .saveComment(_comment.text); _comment.text = ""; } }, child: Row( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ Icon( Icons.send, color: AppColors.primary, size: 18.sp, ), ], ), ), ), ], ), ], ), ), ); }, ); } return Container(); }, ), ], ), ); } }

[sanba-anass]

it's important to give a minimal reproduction so that the maintainer can help u ,, and error logs are important as well