Flutter - 유튜브 썸네일을 Image 위젯에 보여주기

안녕하세요. 오틸라 입니다.

 

 

생활일본어 앱에서 유튜브 강좌 리스트 화면이 기존에는 이러했습니다.

 

뭔가좀 휑하기도 하고, 아무래도 유튜브 영상인데, 썸네일이라도 뿌려볼까 해서, 

직접 썸네일 이미지를 다운받아 사용하지 않고,

유튜브에서 공식 제공하는 썸네일 경로를 이용하기로 했습니다.

 

 

반응형

 

공식경로는

https://img.youtube.com/vi/[유튜브고유ID]/[화질].jpg 

입니다.

 

유튜브고유ID는 실제 유튜브를 들어가보면

주소창에서 마지막 부분이 ID입니다.

 

화질은

0
1
2
3
hqdefault
mqdefault
sddefault
maxresdefault
default


이렇게 사이즈별로 생성되는데, 
없는 화질파일이 있을수도 있습니다.

저같은 경우는 가장 적당한 사이즈
hqdefault
로 하기로 했습니다.

그래서 최종 url은

"https://img.youtube.com/vi/5JOEc9Fsy6c/hqdefault.jpg"

 

요렇게 됩니다.

 

이걸 flutter에서 이미지 호출을 해줍니다.

 

 

 

 

 

 

이상 오틸라였습니다.

건강하세요~