Flutter YouTube API and Video Player Tutorial

Flutter YouTube API and Video Player Tutorial | Apps From Scratch

Рет қаралды 124,787

4 жыл бұрын

This tutorial series will teach you how to build awesome user interfaces and complete apps with Flutter and Dart. In this video, we build out a complete app using the KZfaq API. We’ll learn how to interact with the KZfaq API, paginate data, and play videos!
» Check out my Flutter courses on Launch Club 🧠
www.LaunchClub.io
» Remember to like, subscribe, share this video, and star the repo on Github :)
kzfaq.info?sub_...
» Socials
GitHub: github.com/MarcusNg
Twitter: / marcuslng
» Resources
Source Code: github.com/MarcusNg/flutter_y...
http package: pub.dev/packages/http
youtube_player_flutter package: pub.dev/packages/youtube_play...
Google Developers Console: console.developers.google.com/
KZfaq API Documentation: developers.google.com/youtube...
My Channel ID: UC6Dy0rQ6zDnQuHQ1EeErGUA
» Outro Music
Harmony - Joakim Karud ( / @joakimkarud )
#Flutter #FlutterTutorial #AppsFromScratch

Пікірлер: 156

@jazilzaim 3 жыл бұрын

This is an amazing video! Thank you for making this tutorial! Very informative! Keep it up! :)

@AbidAhnafDipu 4 жыл бұрын

Thank You So much ! This is what I was trying to do for a few days.I am very excited to see my very own KZfaq Channel App.

@maxwimmer8746 3 жыл бұрын

you are my fucking hero i was trying to implement a video player for several days now without any sing of sucess but your tutorial help me that much that my player runs now. I am absolutly crying tears of happnieness thank god that you exist :D have a nice day and keep up the extremely good work.

@snickr6377 4 жыл бұрын

Great content! Used your coupon to purchase your new Udemy course, excited to start. Looks really good.

@huferry 4 жыл бұрын

Thanks for a clear explanation

@chaph5472 3 жыл бұрын

thank you very much for these tutorials, I get more information of them

@dineshnagarajandev 4 жыл бұрын

Great video 👍

@limsocheat 4 жыл бұрын

Thanks so much sir, you help me a lot.

@p4nd4vgaming 2 жыл бұрын

very helpful channel for flutter learning, keep it up

@adwanabilah9316 4 жыл бұрын

btw thank u cause u save my lifeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee....can't imagine if I didnt found your channel.

@muhammadazhar1488 4 жыл бұрын

very very useful tutorial thx

@vicali317 Ай бұрын

Thanks man

@kabiryusufbashir872 4 жыл бұрын

Thanks a lot Sir!

@syifaamrulloh4443 3 жыл бұрын

thanks very much,for this tutorial ))

@zaidbashir2001 2 жыл бұрын

I will be thankful

@daniellbrinneman Жыл бұрын

Marcus, thank you for this video. Please make a video in this series showing how to store whole sections of a screen in offline mode.

@aparnakurudi677 2 жыл бұрын

Thank you!

@faysalahmed4 4 жыл бұрын

Thank you brother

@FarooqSheikh143 4 жыл бұрын

Wow wow thanks. Hope next is Insta Feed Screen and also thanks for udemy course going to take it.

@mohammadrasel1271 4 жыл бұрын

really nice

@abdulazeez.98 Жыл бұрын

I appreciate all the details that you included. Very helpful

@kilianlecalvez9473 Жыл бұрын

test

@kilianlecalvez9473 Жыл бұрын

test

@kilianlecalvez9473 Жыл бұрын

test

@RaitonGG 4 жыл бұрын

if you go onto a different page and then comeback, it loses the already loaded videos and fetches next 8, any fix for this?

@trendingstatus5855 3 жыл бұрын

Nice

@DiamondWav 4 жыл бұрын

Great vid! Could you do a similar video with the Spotify API? 🙏

@namarajshrestha2788 4 жыл бұрын

great

@bakhtoknowledge839 4 жыл бұрын

did u please make a video on fetch playlist videos a humble request plz

@RaitonGG 4 жыл бұрын

can we put this on a stream so we dont have to refresh everytime?

@TrikNgonlen 4 жыл бұрын

Great tutorial! How to make live streaming section from our YT channel as additional feature to this app?

@hungne8834 3 жыл бұрын

Great tutorial! Can I show videos with specific keywords like travel, food, etc. or not?

@lucasagazzani1597 4 жыл бұрын

Hi, awesome video, thank you! How can I avoid videos from repeating and also how can you call out a playlist instead of the videos of the whole channel?

@tobiasmiklavcic2211 2 жыл бұрын

Hi Marcus, thank you for that great video! I would like to ask if it is also possible to show or list KZfaq Live Streams. Or is it only possible to list "old" videos? Right now if I open Live Stream in my KZfaq channel it only lists the videos hours later when they are videos and not streams any more ...

@user-rw7xj4gc9n 3 жыл бұрын

Great video please explain blogger api flutter

@infixustech2140 4 жыл бұрын

Great stuff! Can this be done with a private channel with private videos

@danyegon5530 2 жыл бұрын

Amazing work as always! Can you please create a video on eCommerce checkout and add a PayPal/credit card payment? Will be great

@jacquelinekoo2397 4 жыл бұрын

Hi, thanks for your detailed explanation of this tutorial. There is a question I am wondering, can I play unlisted youtube video or private playlist by using this? Since I search a lot of information from google, but there is no answer and I even read the documentation from that youtube_player package and still don't know how to play a playlist or a private playlist or unlisted video. Hope you can answer my question and forgive my stupidness on understanding how to use that package, I really appreciate your effort. Thank you so much

@renegaddde 4 жыл бұрын

Great work!! I've noticed that after I scroll the list (ListView), I can't select anymore the video (GestureDetector killed??). Only by me this issue?

@kadyr 3 жыл бұрын

Hey Marcus! I wanted to ask you for help or advice on uploading a video to KZfaq. As far as I know, KZfaq has an API for uploading, but there is no library for flutter and dart. So, is it possible to upload videos to KZfaq via a flutter app?

@RaitonGG 4 жыл бұрын

E/flutter ( 7197): [ERROR:flutter/lib/ui/ui_dart_state.cc(157)] Unhandled Exception: The request cannot be completed because you have exceeded your quota. first time i'm using this API, any fix?

@lucasagazzani1597 4 жыл бұрын

How would you implement My list to this or if you wanted to have multiple different lists?

@movpediafitness760 4 жыл бұрын

@marcus ng after a video finish playing in youtube, how to block another video suggestion by youtube?? thanks

@AiDidthis. 4 жыл бұрын

Hello thanks for you video but i have a problem that states 'Unhandled Exception: No filter selected. Expected one of: id, idParam, playlistId' I don't know what it means and i have checked Stackoverflow still no solution Do you have any Ideas

@huonsokly 4 жыл бұрын

How to take the private video?

@v9-dvc6gb6 4 жыл бұрын

hi, Marcus. I got error when trying to map with the json. on factory channel.from map , I got "NoSuchMethodError (NoSuchMethodError: The method '[]' was called on null. Receiver: null Tried calling: []("upload")) . * do you have any idea why ?

@ANKITASINGH-qz2ix 3 жыл бұрын

Do we need to pay for using the above API through gcp

@RaitonGG 4 жыл бұрын

can we embed youtube videos instead of using this bad player? it removes ads. can't select quality etc etc.

@StudySeeker 3 жыл бұрын

Is it possible to fetch a youtube playlist with the same in flutter?

@groundground9737 8 ай бұрын

best

@kefa887 4 жыл бұрын

Nice video what about saving and getting videos from firebase....can you do a tutorial on that?

@FilminTamil Жыл бұрын

is we are able to extract captions of particular video if yes how sir??i need that to my project

@uDubRiceBoy Жыл бұрын

Thanks Marcus, can you publish youtube shorts via api?

@AryanKhan-dp8ey 3 жыл бұрын

Love KZfaq

@Sumonms 4 жыл бұрын

How can i do it same things with playlist??

@pabloscheinfeld3216 3 жыл бұрын

Is it legal to use the youtube player inside an app with ads? Thank you!

@niclassic8322 4 жыл бұрын

What is the use of a "factory"? You used it to get a video from a map, but I don't understand its function.

@abgthscode6326 3 жыл бұрын

bro, how did you check the structure of the api?? ?I pasted the api key in google search bar but im not getting the structure.

@abhishreymittal 4 жыл бұрын

How can I add description of the video in the video_screen? I have tried a lot, but nothing works. Hoping for an answer... Thanks for the video by the way...😁

@PinasPiliNa999 3 жыл бұрын

Hi May I kindly request if you can you show how to search the video titles? THanks!

@wayfarer2442 2 жыл бұрын

Hi,Thanks marcus for your video,by the way..what about video from youtube it contains AR/VR?it can be replace by debugging on my smartphone rather than emulator one to watch AR/VR video?thanks in advance!

@anjanamp17it49 4 жыл бұрын

Sir I followed the tutorial. when I click on the video only the circular progression is showing the video is not playing kindly help sir.

@husainkhan8268 4 жыл бұрын

Thanks, but there seems to be one issue. The whole Playlist is getting repeated after keep on scrolling to the end. There seems to be an infinite scrolling happening. Please suggest how we can resolve that.

@AbhiCh6171 3 жыл бұрын

That's a great tutorial. But I have a concern with regards to the views. If users watch videos from this app are they counted in youtube views?

@md.razunmia9879 3 жыл бұрын

First of all thanks a lot for your nice and beautiful tutorial that helps me a lot to learn about the using of KZfaq API. I have implemented your project but there is an issue. When I tap a video from the list of videos then it directed to the video screen and I can listen the sound of the video but I can't see the video. Why is this happening? Could you please help me to sort out the solution. Thanks again for your nice tutorial.

@Rj1650-c2l 3 жыл бұрын

how to add cue point in video and how to add notes to cue point, once reach to cue point video should pause and notes should popup. and also how to manage the state of the video? please reply

@padalaharshitagoud3621 2 жыл бұрын

Will all the videos in the channel be displayed in the flutter? So, in the future, if we upload a new video to the channel will it be reflected in the app?

@ChathurangaRathnayake 4 жыл бұрын

Hi, I implemented the code. Everything is working fine but videos are not playing. At first it was playing fine, but now it shows only the white spinner on the video thumbnail. Need a help

@hungne8834 3 жыл бұрын

If in the api link there is a private video, how should I solve it. Any help is appreciated

@cartoonytooonss 3 жыл бұрын

can we get download speed of network while playing videos

@nepalcodetv6298 4 жыл бұрын

Please add More like this with rest api

@anmolneema93 3 жыл бұрын

Does it support quality selection

@tovidx0974 4 жыл бұрын

How to add project credentials for both android and ios ?

@Gianluca0000 4 жыл бұрын

I noticed that your code wont bring livestream videos from playlist, do you know the reason for this ?

@varadgauthankar 4 жыл бұрын

set isLive = true in flags

@kimthanhtung2248 3 жыл бұрын

Could i make an App only play Audio Music from KZfaq, How to Make it, Thanks Pro

@garline3447 4 жыл бұрын

hey bro . can you create a quiz app where anyone can create quiz and those quiz are stored in a database and can be seen by anyone on the app. i mean a seperate card() for it.pls do it in your next video series. BTW it was a suggestion from someone from flutter community ... what do you think about it?

@default1405 4 жыл бұрын

can you add the whole example for you tube json

@Warmaster2143 2 жыл бұрын

Okay one thing is that it rakes videos from your uploads out of random not new to old how can i make it so that i get the latest videos from new to old

@camilovelandia7713 4 жыл бұрын

does it works on android?

@felipefranco7444 Жыл бұрын

Hey @Marcus Ng I get the android{compileSdkVersion 33} error do you know how to solve it I change it in app build Gradle but didn't work.

@Gozycode-Academy 3 жыл бұрын

Hey Marcus this is Steve from Gozy Mobile Solutions. I wanted to thank you for all the awesome tutorials on youtube and udemy. I am having an issue with Line 57 in the api_service.dart file 'key': APIflutter youtube _KEY, VS Code is saying expected to find ':' and "," Any help would be greatly appreciated. Thanks and keep up the great work!

@guilhermediniz1019 3 жыл бұрын

I can't find the course on udemy what is the link?

@brialcorp8448 4 жыл бұрын

How can we use channel names/title instead of channel id to search

@zaidbashir2001 2 жыл бұрын

Sir How Can i render playlist videos using KZfaq Data Api

@binyamhusrn3574 3 жыл бұрын

hi, nice video but i can't fix this error can you tell me " [ERROR:flutter/lib/ui/ui_dart_state.cc(157)] Unhandled Exception: The playlist identified with the request's playlistId parameter cannot be found."

@yosuajuliando 3 жыл бұрын

Can from Google Drive video?

@Dontknow-rd3kj 3 жыл бұрын

How can add download option for this video . HOPE YOU WILL REPLY @MarcusNg

@woshisheili1541 4 жыл бұрын

I didn't find this course at Udemy. Why?

@ashishgarggarg5379 3 жыл бұрын

Hi i want to hide copy link button and share button from video playing in my app in flutter using youtubevideocontroller... thanks please help

@ricardooscarkanitz6039 4 жыл бұрын

I created an app using the same plugin it worked fine on Android real device and IOS simulator, but when I uploaded to the play store and downloaded it, the videos were not loading anymore. Any Idea on what could be causing it?

@TakuCoding 4 жыл бұрын

add as i posted above

@mikosan5794 Жыл бұрын

Hey can i ues that and remove youtupe icon?

@ketaniralepatil4680 4 жыл бұрын

How to download these videos

@jayamuruganj5091 3 жыл бұрын

How to subscribe chennals and like some videos using KZfaq api data in flutter app?

@syedrakibulhasanshuvo8262 Жыл бұрын

Hello sir, Can you make a tutorial with youtube playlist. Show and play videos from playlist. Please...

@thebigthreereacts 5 ай бұрын

how to you get the video once you have the ID? I cant find how to get the video model

@shohruhmasharipov8524 3 жыл бұрын

How to add second channel???

@ahmedgames9335 2 жыл бұрын

I don't want to use youtube_player_flutter, how can i get the url of the video ?

@Reikom2.0 2 жыл бұрын

Great video man. I want to access the duration of each video. Help me. Does anyone know how to access the duration of a video.? The Json snippet seems not to have that

@user-gu5to8nn2b Жыл бұрын

I'm interesting about it too