Homec4science
Diffusion MStream: Microlearning video recommendation experiment (master) Browse

R12599/app/src/screens/youtubeVideo.dart
304735841244master

Last Change
Raw File

youtubeVideo.dart
View Options

import 'dart:math';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';
import 'package:flutter_rating_bar/flutter_rating_bar.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:provider/src/provider.dart';
import 'package:responsive_sizer/responsive_sizer.dart';
import 'package:suggestions_app/models/YoutubeVideoResponse.dart';
import 'package:suggestions_app/screens/resultList.dart';
import 'package:suggestions_app/utils/colors.dart' as colors;
import 'package:http/http.dart' as http;
import 'package:youtube_player_flutter/youtube_player_flutter.dart';
import 'package:youtube_player_iframe/youtube_player_iframe.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:suggestions_app/globals.dart';
class YoutubeVideo extends StatefulWidget {
YoutubeVideo({required this.videoUrl, required this.isHome,
required this.isRecommended, required this.callback});
String videoUrl;
final bool isHome;
bool isRecommended;
final void Function(dynamic, dynamic) callback;
@override
_YoutubeVideoState createState() => _YoutubeVideoState();
}
class _YoutubeVideoState extends State<YoutubeVideo> {
double? rateSelected;
double? rateSelected2;
List<YoutubeVideoResponse> result = [];
String videoURL = "";
int i =0;
int learned =-1;
int liked =-1;
bool hasVoted =false;
Color changecolor1 = Colors.black;
Color changecolor2 = Colors.black;
Color changecolorlike = Colors.black;
Color changecolornotlike = Colors.black;
Color color_entertaining = Colors.black;
Color color_bore= Colors.black;
Color color_inform = Colors.black;
Color color_inspiring= Colors.black;
Color color_irrelevant= Colors.black;
Color color_junky= Colors.black;
int entertain=-1;
int bore = -1;
int inform=-1;
int inspiring = -1;
int irrelevant =-1;
int junky = -1;
int whyed= -1;
// MaterialColor changecolor2 = Colors.black;
YoutubePlayerController _controller = YoutubePlayerController(
initialVideoId: "",
params: YoutubePlayerParams(
autoPlay: true,
mute: true,
showControls: true,
showFullscreenButton: true,
),
);
@override
void initState() {
super.initState();
//final firebaseUser = context.watch<User?>();
//String? email_id = firebaseUser!.email;
//fetchTedYoutubeVideo(email_id!);
videoURL = widget.videoUrl;
_controller = YoutubePlayerController(
initialVideoId: widget.videoUrl,
params: YoutubePlayerParams(
autoPlay: true,
mute: true,
showControls: true,
showFullscreenButton: true,
),
);
}
@override
Widget build(BuildContext context) {
final firebaseUser = context.watch<User?>();
String email_id = firebaseUser!.email!;
if(i==0){
fetchTedYoutubeVideo(email_id);
i=i+1;}
return Column(
children: [
Padding(
padding: const EdgeInsets.only(top: 15.0, left: 15.0, right: 15.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Center(
child: Container(
width: min(100.w, 400),
child: YoutubePlayerIFrame(
controller: _controller,
),
),
),
Row(
children: [
Padding(
padding: const EdgeInsets.only(top:15.0, left: 15.0, right: 15.0),
child: Container(
width: 80.w,
child: Text(
"Please evaluate the video and tell us why you liked or disliked it",
style:
GoogleFonts.lato(fontSize: 15.sp, color: colors.textDarkGray),
),
),
),
],
),
// RatingBar.builder(
// initialRating: rateSelected ?? 0,
// itemCount: 2,
// itemSize: 50,
// itemBuilder: (context, index) {
// switch (index) {
// case 0:
// return Padding(
// padding: const EdgeInsets.all(8.0),
// child: Icon(
// Icons.thumb_down,
// color: Colors.red,
// ),
// );
// case 1:
// return Padding(
// padding: const EdgeInsets.all(8.0),
// child:
// Icon(
// Icons.thumb_up,
// color: Colors.red,
// ),
// );
//
// // Icon(
// // Icons.thumb_up,
// // color: Colors.green,
// // ),
// // );
// default:
// return Padding(
// padding: const EdgeInsets.all(8.0),
// child: Icon(
// Icons.sentiment_very_satisfied,
// color: Colors.amber,
// ),
// );
// }
// },
// onRatingUpdate: (rating) {
// setState(() {
// rateSelected = rating;
// });;
// },
// ),
// RatingBar.builder(
// initialRating: rateSelected2 ?? 0,
// itemCount: 2,
// itemSize: 50,
// itemBuilder: (context, index) {
// switch (index) {
// case 0:
// return Padding(
// padding: const EdgeInsets.all(8.0),
// child: Icon(
// Icons.thumb_down,
// color: Colors.red,
// ),
// );
// case 1:
// return Padding(
// padding: const EdgeInsets.all(8.0),
// child:
// ImageIcon(
// AssetImage("assets/images/learn.PNG"),
// size: 100,
// )
// );
//
// // Icon(
// // Icons.thumb_up,
// // color: Colors.green,
// // ),
// // );
// default:
// return Padding(
// padding: const EdgeInsets.all(8.0),
// child: Icon(
// Icons.sentiment_very_satisfied,
// //color: Colors.amber,
// ),
// );
// }
// },
// onRatingUpdate: (rating) {
// setState(() {
// rateSelected2 = rating;
// });;
// },
// ),
// Padding(
// padding: const EdgeInsets.only(top:15.0, left: 15.0, right: 15.0),
// child: Row(
//
// children: [
// InkWell(
// onTap: () {setState(() {
// changecolor1 = Colors.red;
// }); }, // Image tapped
// splashColor: Colors.blueAccent,
// // Splash color over image
// child: Ink.image(
// fit: BoxFit.cover, // Fixes border issues
// width: 50,
// height: 50,
// colorFilter: ColorFilter.mode(changecolor1, BlendMode.color),
// image: AssetImage(
// 'assets/images/learn.PNG',
// ),
// ),
//
// ),
// Text(
// "Choose one of learned/ didn' learn: ",
// style:
// GoogleFonts.lato(fontSize: 15.sp, color: colors.textDarkGray),
// ),
// SizedBox(width: 20),
// IconButton(
// icon: const Icon(Icons.cast_for_education_outlined ),
// color: changecolor1,
// iconSize : 30,
// onPressed: () {
// setState(() {
// changecolor1 = Colors.green;
// changecolor2 = Colors.black;
// learned = 1;
// });
// },
// ),
// SizedBox(width: 30),
// IconButton(
// icon: const Icon(Icons.cast_outlined ),
// color: changecolor2,
// iconSize : 30,
// onPressed: () {
// setState(() {
// changecolor2 = Colors.red;
// changecolor1 = Colors.black;
// learned = 0;
// });
// },
// ),
// InkWell(
// onTap: () {}, // Image tapped
// splashColor: Colors.white10, // Splash color over image
// child: Ink.image(
// fit: BoxFit.cover, // Fixes border issues
// width: 50,
// height: 50,
// image: AssetImage(
// 'assets/images/notlearn.PNG',
// ),
// ),
// ),
// ],
// ),
// ),
Padding(
padding: const EdgeInsets.only(top:15.0, left: 15.0, right: 15.0),
child: Row(
children: [
// InkWell(
// onTap: () {setState(() {
// changecolor1 = Colors.red;
// }); }, // Image tapped
// splashColor: Colors.blueAccent,
// // Splash color over image
// child: Ink.image(
// fit: BoxFit.cover, // Fixes border issues
// width: 50,
// height: 50,
// colorFilter: ColorFilter.mode(changecolor1, BlendMode.color),
// image: AssetImage(
// 'assets/images/learn.PNG',
// ),
// ),
//
// ),
Text(
"Choose one of liked/didn' like: ",
style:
GoogleFonts.lato(fontSize: 15.sp, color: colors.textDarkGray),
),
SizedBox(width: 47),
IconButton(
icon: const Icon(Icons.thumb_up ),
tooltip: 'Increase volume by 10',
color: changecolorlike,
iconSize : 30,
onPressed: () {
setState(() {
changecolorlike = Colors.green;
changecolornotlike = Colors.black;
liked = 1;
});
},
),
SizedBox(width: 30),
IconButton(
icon: const Icon(Icons.thumb_down ),
tooltip: 'Increase volume by 10',
color: changecolornotlike,
iconSize : 30,
onPressed: () {
setState(() {
changecolornotlike = Colors.red;
changecolorlike = Colors.black;
liked = 0;
});
},
),
// InkWell(
// onTap: () {}, // Image tapped
// splashColor: Colors.white10, // Splash color over image
// child: Ink.image(
// fit: BoxFit.cover, // Fixes border issues
// width: 50,
// height: 50,
// image: AssetImage(
// 'assets/images/notlearn.PNG',
// ),
// ),
// ),
],
),
), Padding(
padding: const EdgeInsets.only(top:15.0, left: 15.0, right: 15.0),
child: Row(
children: [
// InkWell(
// onTap: () {setState(() {
// changecolor1 = Colors.red;
// }); }, // Image tapped
// splashColor: Colors.blueAccent,
// // Splash color over image
// child: Ink.image(
// fit: BoxFit.cover, // Fixes border issues
// width: 50,
// height: 50,
// colorFilter: ColorFilter.mode(changecolor1, BlendMode.color),
// image: AssetImage(
// 'assets/images/learn.PNG',
// ),
// ),
//
// ),
Text(
"Why? Since the video is: ",
style:
GoogleFonts.lato(fontSize: 15.sp, color: colors.textDarkGray),
),
SizedBox(width: 47),
MaterialButton(
color: color_entertaining,
onPressed: () {
// if ((rateSelected ?? 0) > 0) {
// final FirebaseFirestore firestore = FirebaseFirestore.instance;
// firestore.collection("video_clicked").add({
// "url": "https://www.youtube.com/watch?v=" + videoURL,
// "isHome": widget.isHome,
// "isRecommended": widget.isRecommended,
// "grade": rateSelected
// });
// }
setState(() {
whyed = 1;
if (color_entertaining == Colors.blue){
color_entertaining = Colors.black;
}
else color_entertaining = Colors.blue;
if (entertain==-1) {
entertain = 1;
}
else entertain =-1;
});
},
child: Text(
"entertaining",
style: GoogleFonts.lato(
color: Colors.white,
fontSize: 11.sp,
fontWeight: FontWeight.bold),
),
),
SizedBox(width: 15),
MaterialButton(
color: color_inspiring,
onPressed: () {
// if ((rateSelected ?? 0) > 0) {
// final FirebaseFirestore firestore = FirebaseFirestore.instance;
// firestore.collection("video_clicked").add({
// "url": "https://www.youtube.com/watch?v=" + videoURL,
// "isHome": widget.isHome,
// "isRecommended": widget.isRecommended,
// "grade": rateSelected
// });
// }
setState(() {
whyed = 1;
if (color_inspiring == Colors.blue){
color_inspiring = Colors.black;
}
else color_inspiring= Colors.blue;
if (inspiring==-1) {
inspiring = 1;
}
else inspiring =-1;
});
},
child: Text(
"inspiring",
style: GoogleFonts.lato(
color: Colors.white,
fontSize: 11.sp,
fontWeight: FontWeight.bold),
),
),
SizedBox(width: 15),
MaterialButton(
color: color_inform,
onPressed: () {
// if ((rateSelected ?? 0) > 0) {
// final FirebaseFirestore firestore = FirebaseFirestore.instance;
// firestore.collection("video_clicked").add({
// "url": "https://www.youtube.com/watch?v=" + videoURL,
// "isHome": widget.isHome,
// "isRecommended": widget.isRecommended,
// "grade": rateSelected
// });
// }
setState(() {
whyed = 1;
if (color_inform == Colors.blue){
color_inform = Colors.black;
}
else color_inform= Colors.blue;
if (inform==-1) {
inform = 1;
}
else inform =-1;
});
},
child: Text(
"informative",
style: GoogleFonts.lato(
color: Colors.white,
fontSize: 11.sp,
fontWeight: FontWeight.bold),
),
),
SizedBox(width: 15),
MaterialButton(
color: color_irrelevant,
onPressed: () {
// if ((rateSelected ?? 0) > 0) {
// final FirebaseFirestore firestore = FirebaseFirestore.instance;
// firestore.collection("video_clicked").add({
// "url": "https://www.youtube.com/watch?v=" + videoURL,
// "isHome": widget.isHome,
// "isRecommended": widget.isRecommended,
// "grade": rateSelected
// });
// }
setState(() {
whyed = 1;
if (color_irrelevant == Colors.blue){
color_irrelevant= Colors.black;
}
else color_irrelevant= Colors.blue;
if (irrelevant==-1) {
irrelevant = 1;
}
else irrelevant =-1;
});
},
child: Text(
"irrelevant",
style: GoogleFonts.lato(
color: Colors.white,
fontSize: 11.sp,
fontWeight: FontWeight.bold),
),
),
SizedBox(width: 15),
MaterialButton(
color: color_bore,
onPressed: () {
// if ((rateSelected ?? 0) > 0) {
// final FirebaseFirestore firestore = FirebaseFirestore.instance;
// firestore.collection("video_clicked").add({
// "url": "https://www.youtube.com/watch?v=" + videoURL,
// "isHome": widget.isHome,
// "isRecommended": widget.isRecommended,
// "grade": rateSelected
// });
// }
setState(() {
whyed = 1;
if (color_bore == Colors.blue){
color_bore= Colors.black;
}
else color_bore= Colors.blue;
if (bore==-1) {
bore = 1;
}
else bore =-1;
});
},
child: Text(
"boring",
style: GoogleFonts.lato(
color: Colors.white,
fontSize: 11.sp,
fontWeight: FontWeight.bold),
),
),
SizedBox(width: 15),
MaterialButton(
color: color_junky,
onPressed: () {
// if ((rateSelected ?? 0) > 0) {
// final FirebaseFirestore firestore = FirebaseFirestore.instance;
// firestore.collection("video_clicked").add({
// "url": "https://www.youtube.com/watch?v=" + videoURL,
// "isHome": widget.isHome,
// "isRecommended": widget.isRecommended,
// "grade": rateSelected
// });
// }
setState(() {
whyed = 1;
if (color_junky == Colors.blue){
color_junky= Colors.black;
}
else color_junky= Colors.blue;
if (junky==-1) {
junky = 1;
}
else junky =-1;
});
},
child: Text(
"junky or trashy ",
style: GoogleFonts.lato(
color: Colors.white,
fontSize: 11.sp,
fontWeight: FontWeight.bold),
),
),
// InkWell(
// onTap: () {}, // Image tapped
// splashColor: Colors.white10, // Splash color over image
// child: Ink.image(
// fit: BoxFit.cover, // Fixes border issues
// width: 50,
// height: 50,
// image: AssetImage(
// 'assets/images/notlearn.PNG',
// ),
// ),
// ),
],
),
),
// InkWell(
// onTap: () {}, // Image tapped
// splashColor: Colors.white10, // Splash color over image
// child: Ink.image(
// fit: BoxFit.cover, // Fixes border issues
// width: 50,
// height: 50,
// image: AssetImage(
// 'assets/images/learn.PNG',
// ),
// ),
// ),
Padding(
padding: const EdgeInsets.all(15.0),
child: Container(
width: 20.w,
height: 50,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5.0),
color: colors.mainRed,
),
child: MaterialButton(
onPressed: () {
// if ((rateSelected ?? 0) > 0) {
// final FirebaseFirestore firestore = FirebaseFirestore.instance;
// firestore.collection("video_clicked").add({
// "url": "https://www.youtube.com/watch?v=" + videoURL,
// "isHome": widget.isHome,
// "isRecommended": widget.isRecommended,
// "grade": rateSelected
// });
// }
setState(() {
if (liked != -1 && whyed != -1) {
hasVoted = true;
}
});
String feedback = email_id +"+"+widget.videoUrl+","+liked.toString()+","+learned.toString()+","+entertain.toString()+","+inspiring.toString()+","+inform.toString()+","+irrelevant.toString()+","+bore.toString()+","+junky.toString();
var response = http
.get(Uri.parse(add_click));
},
child: Text(
"Save",
style: GoogleFonts.lato(
color: Colors.white,
fontSize: 18.sp,
fontWeight: FontWeight.bold),
),
),
),
)
],
),
),
!hasVoted? Text("Vote first please to see the next video recommendations"):
ResultListWidget(result: result, callback: (url, isRecommended) {//video list under
setState(() {
widget.isRecommended = true;
widget.videoUrl = url;
rateSelected = null;
_controller.load(url);
global_url = url;
fetchTedYoutubeVideo(email_id);
});
}, isRecommended: true)
],
);
}
fetchTedYoutubeVideo(String email) async {
hasVoted = false;
changecolorlike=Colors.black;
changecolornotlike=Colors.black;
changecolor2 = Colors.black;
changecolor1 = Colors.black;
whyed=-1;
inform=-1;
irrelevant=-1;
entertain=-1;
junky=-1;
bore=-1;
color_junky=Colors.black;
color_irrelevant=Colors.black;
color_bore=Colors.black;
color_entertaining=Colors.black;
color_inform=Colors.black;
color_inspiring=Colors.black;
print("In video screen");
print(email);
String clicked_video = widget.videoUrl;
String user_email =email;
String user_video = user_email +"+"+clicked_video;
print("the clicked video is: "+user_video);
String add_click = "http://10.0.2.2:5000/clicked/"+user_video;
var response = await http
.get(Uri.parse(add_click));
print("the video url"+clicked_video);
var params = {
'part': 'snippet',
'maxResults': '30',
'channelId': 'UCX6OQ3DkcsbYNE6H8uQQuVA',
'type': 'video',
'key': 'AIzaSyDyJku4dqkC_1hJTLVUzGhHq_TfnEmssbU'
};
var url_1 = "http://10.0.2.2:8000/predict/"+history1;
var url = "http://10.0.2.2:5000/predict/"+user_email;
var response1 = await http
.get(Uri.parse(url), headers: {
"Access-Control-Allow-Origin": "*"
});
setState(() {
result = YoutubeVideoResponse.getListCourseFromJSON(response1.body, 1);
});
}
}
c4science · Help