Flutter YouTube API and Video Player Tutorial | Apps From Scratch

Подписаться 85 тыс.

Просмотров 124 тыс.

50% 1

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 RU-vid API. We’ll learn how to interact with the RU-vid 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 :)
ru-vid.com?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/
RU-vid API Documentation: developers.google.com/youtube...
My Channel ID: UC6Dy0rQ6zDnQuHQ1EeErGUA
» Outro Music
Harmony - Joakim Karud ( / @joakimkarud )
#Flutter #FlutterTutorial #AppsFromScratch

Опубликовано:

23 ноя 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 156

@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.

@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 RU-vid Channel App.

@jazilzaim 3 года назад

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

@snickr6377 4 года назад

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

@dineshnagarajandev 4 года назад

Great video 👍

@huferry 4 года назад

Thanks for a clear explanation

@chaph5472 3 года назад

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

@muhammadazhar1488 4 года назад

very very useful tutorial thx

@limsocheat 4 года назад

Thanks so much sir, you help me a lot.

@aparnakurudi677 2 года назад

Thank you!

@abdulazeez.98 Год назад

I appreciate all the details that you included. Very helpful

@kilianlecalvez9473 Год назад

test

@kilianlecalvez9473 Год назад

test

@kilianlecalvez9473 Год назад

test

@kabiryusufbashir872 4 года назад

Thanks a lot Sir!

@syifaamrulloh4443 3 года назад

thanks very much,for this tutorial ))

@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.

@vicali317 26 дней назад

Thanks man

@mohammadrasel1271 4 года назад

really nice

@faysalahmed4 4 года назад

Thank you brother

@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.

@DiamondWav 4 года назад

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

@zaidbashir2001 2 года назад

I will be thankful

@FarooqSheikh143 4 года назад

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

@trendingstatus5855 3 года назад

Nice

@namarajshrestha2788 4 года назад

great

@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?

@TrikNgonlen 4 года назад

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

@user-rw7xj4gc9n 3 года назад

Great video please explain blogger api flutter

@bakhtoknowledge839 4 года назад

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

@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?

@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

@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?

@infixustech2140 4 года назад

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

@jacquelinekoo2397 3 года назад

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

@hungne8834 3 года назад

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

@tobiasmiklavcic2211 2 года назад

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

@kefa887 4 года назад

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

@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?

@groundground9737 7 месяцев назад

best

@kadyr 3 года назад

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

@RaitonGG 4 года назад

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

@AryanKhan-dp8ey 3 года назад

Love RU-vid

@FilminTamil Год назад

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

@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

@RaitonGG 4 года назад

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

@nepalcodetv6298 3 года назад

Please add More like this with rest api

@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

@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 RU-vid 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.

@uDubRiceBoy 11 месяцев назад

Thanks Marcus, can you publish youtube shorts via api?

@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!

@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?

@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?

@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

@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 ?

@rinajedhe1650 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

@StudySeeker 3 года назад

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

@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!

@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.

@ReikomAcademy 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

@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.

@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.

@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?

@ANKITASINGH-qz2ix 3 года назад

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

@huonsokly 4 года назад

How to take the private video?

@syedrakibulhasanshuvo8262 Год назад

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

@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.

@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

@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

@pabloscheinfeld3216 3 года назад

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

@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.

@Sumonms 3 года назад

How can i do it same things with playlist??

@cartoonytooonss 3 года назад

can we get download speed of network while playing videos

@jayamuruganj5091 3 года назад

How to subscribe chennals and like some videos using RU-vid api data in flutter app?

@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

@hungne8834 3 года назад

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

@kimthanhtung2248 3 года назад

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

@Dontknow-rd3kj 3 года назад

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

@thebigthreereacts 4 месяца назад

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

@default1405 4 года назад

can you add the whole example for you tube json

@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."

@zaidbashir2001 2 года назад

Sir How Can i render playlist videos using RU-vid Data Api

@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

@eternalincantation 2 года назад

can you maybe make your mouse a bright color? :D thanks!

@tovidx0974 4 года назад

How to add project credentials for both android and ios ?

@brialcorp8448 4 года назад

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

@stvhrsdev9103 3 года назад

more simple way using provider statemanagement

@ahmedgames9335 2 года назад

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

@anmolneema93 3 года назад

Does it support quality selection

@milossblagojevic 4 года назад

Hello, and thank you for the video! How can I get the JSON, so that I can create the channel_model using the JSON?

@milossblagojevic 4 года назад

Ok, found the link to RU-vid API Documentation in your video description, thanks! :)

@lagadpankaj 4 года назад

@@milossblagojevic How can I return more than 50 video result using JSON?

@milossblagojevic 4 года назад

@@lagadpankaj Look here: developers.google.com/youtube/v3/docs/videos/list#usage You have parameter maxResults to set up the number of results.

@pesisirbelajar2977 4 года назад

how to take youtube playlist?

@RaitonGG 4 года назад

make the request to '/youtube/v3/playlists', instead

@PrabinThapaliya 4 года назад

@@RaitonGG sorry but where do you do that exactly? thanks!!

@RaitonGG 4 года назад

@@PrabinThapaliya have you seen this video? he puts an endpoint. change it

@PrabinThapaliya 4 года назад

RaitonGG that I did, but the playlist thing isn’t exactly working for me. But thanks a lot!!

@Sumonms 3 года назад

Is it really work?

@guilhermediniz1019 3 года назад

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

@saisonysrinu 4 года назад

How much time does it take to become a pro like you sir. Does it takes years?

@ujjalshill6442 4 года назад

I want to know too

@ergi5664 3 года назад

audio work ,but video is not showing , can help ? I/chromium( 5280): [INFO:CONSOLE(570)] "Error while parsing the 'allow' attribute: 'accelerometer;', 'autoplay;', 'clipboard-write;', 'encrypted-media;', 'gyroscope;', 'picture-in-picture' are invalid feature names.", source: s.ytimg.com/yts/jsbin/www-widgetapi-vfligZDzo/www-widgetapi.js (570)

@ayocs2 3 года назад

4:28

@TVSanus 4 года назад

App can't load a playlist! There is no error, it just shows loading screen animation and stay that way forever! I've added my own RU-vid API Key. I also added "android.permission.INTERNET" to android/app/src/main/AndroidManifest.xml. But it didn't help! I also tried various RU-vid channel Ids. Any suggestion...