제대로된 유튜브 썸네일 가져오기! ( 티스토리 )





내 블로그의 대부분은 유튜브와 연관된 포스팅이 상당히 많다.


그래서 영상을 포스팅에 넣고 썸네일을 글에 추가시키는데 유튜브 썸네일 가져오는 부분에서 답답한 부분이 많았다.


이런 저런 방법들이 있는데 그중에 가장 많았던 것



https://img.youtube.com/vi/고유ID/.jpg


이 방법으로 썸네일을 가지고 오게되면 해본사람은 알 수 있겠지만 썸네일 해상도가 정말 못봐줄 정도다.


그래서 방법 찾다가 그냥 내가 찾은 방법을 소개한다.




우선 티스토리에서 유튜브 플러그인을 넣었다는 가정하에 시작한다.


예제로 쓸 영상은 J.Fla가 커버링 한 Stressed Out 


https://www.youtube.com/watch?v=onGqNkiAcjY



많이들 소개한 방법으로 썸네일을 확인해보자.


https://img.youtube.com/vi/onGqNkiAcjY/1.jpg


간단하지만 120x90 짜리 해상도.. 이걸 볼수나 있을까?




내가 찾은 방법.


준비물 : 그림판, 크롬


1. 

유튜브 플러그인을 이용해서 유튜브 영상을 글에 넣는다.




그럼 아래와 같이 영상이 등록되었을 것이다.




2. 

ctrl + shift + c 를 누르면 뭔가 화면이 이상해지는걸 느낄 수 있다. ( 크롬의 개발자 도구를 이용한 방법이다. 자세한건 나중에 개발 관련 포스팅으로 추가하겠다. )


그럼 아래처럼 내가 추가한 영상에 마우스를 놓고 클릭한다.




3. 

그럼 우측이나 하단에 뭔가 수없이 이상한 글자들과 함께 선택 된 부분이 보인다.


그중에서 style="background-image :url("https://어쩌구저쩌구.webp"); 라고 적힌걸 볼 수 있다.


그 중에서 https://~~~.webp 만 복사해오면 된다. 복사하는 편한 방법은 더블클릭하면 블럭을 지정할 수 있다.



4. 

빨간색 표시 된 부분만 복사해서 주소창에 입력한다.




5.

그러면 내가 유튜브 플러그인을 사용해서 넣은 유튜브 해상도와 동일한 썸네일이 나올것이다.




6.

우클릭 -> 이미지 복사 -> 그림판 실행 -> 붙여넣기! 끝!!



다른 사람들이 소개해 준 방법보다 어찌보면 조금 어려울 수 있다.

하지만 제대로 된 썸네일을 얻게 해줄 수 있으니까!

절대 어려운 방법이 아니다.


정리하자면


유튜브 영상 삽입 -> ctrl + shift + c 로 영상 선택 -> 주소 복사 붙여넣기 -> 그림판에 저장


진짜 너무 쉬운 방법 아닌가..?



내가 b급 음악에 글린 썸네일은 전부 이 방식으로 올렸다.


크롬 말고 익스플로러에서도 똑같이 가능한 방법이다. 

똑같이 개발자 도구를 이용하면 된다.!


이 개발자 도구는 잘 사용하면 정말 너무 편하다.


개발할때도 디버깅할때도 개발 관련한 자세한 사용 방법은 꼭 포스팅 해보도록 하겠다.






블로그 이미지

B급 감성

댓글을 달아 주세요


Castle on the hill - Ed Sheeran ( Diamond White , Mario Jose, KHS COVER )




무려 구독자 천만명! 을 보유하고 있는 Kurt Hugo Schneider (KHS) 의 채널에 올라온 영상이다.


이 채널에 올라오는 커버 영상들은 주로 여러명이 함께 나와서 같이 커버를 하는 형식이다.


대부분의 커버영상들은 보통 카메라 한두대 세워놓고 가만히 앉은 자리에서 각도만 바꿔가며 부르는게 보통의 영상들이다.


근데 이 채널의 영상들은 거의 전부 뮤직비디오나 공연장처럼 곡들을 커버링 해놓는다.


영상을 좋아하느 나로써는 눈과 귀를 전부 만족시켜주는 아주!! 내 입맛에 딱 맞춰진 채널같다는 생각이 든다.


우선 소개를 하자면 KHS는 나보다 2살 많은 88년생 형님이다.

콘텐츠 제작자, 싱어송라이터, 프로듀서, 뮤지션의 역할을 하고있는 재능 많은 형님이다.


보통 유튜브의 다양한 뮤지션들 샘츄이(Sam Tsui), Megan Nicole 등등 과 콜라보를 한다.


KHS에 대한 소개는 마치고 일단 들어보자.





이 곡을 들으면서 느꼈던 건 곡의 내용과 영상의 느낌이 너무 잘 어우러져 있는게 느껴진다.


아래에서 곡에 대한 해석을 추가하겠지만 노스텔지아의 느낌이 강해서 영상 색감도 따듯하고 편안하고 몽환적이다.


특히 악기다루는 사람들이 나오는건 더 영상과 음악에 집중하게 만들어준다.


근데 정말정말 아쉬웠던것 하나.. 자세히보면 드럼치는분이.. 음악과 전~~혀 다른 곡을 치고있다.. 뭐지..?ㅋㅋㅋㅋ 


그리고 노래부르는 저 남자!저 남자는 진짜 곡에 빠져서 의미전달을 제대로 하고있구나 라는게 느껴졌다.





난 토종 한국인이라.. 해석하는게 너~~무 힘들었다. 해석하려고 몇번을 들었는지 모르겠다...ㅋㅋㅋ


언덕 위에 성? 성이 어디 나오는데?  맨처음에 이해했던 건 상상속의 성을 자신의 기억을 담아놓는 곳으로 설정해놓은 것이라고 생각했다.


찾아보니까 에드 시런이 살던 고향에 있던 프램링엄 성을 말하는 거라고 한다. 실제로 저 성에서 초청받아서 공연도 했다고 한다.


뭐 결론은


자신의 다양한 친구들이 있는데 그 친구들이 날 만들었고 그래서 집( 성이 의미하는게 이부분 인듯 ) 으로 돌아가고 싶다.


해석이 된담에 다시 들어보니 Lukas graham - 7 years 이 자연스럽게 연상된다. 이 곡도 꼭 포스팅 해야지.




보너스로 같은 곡 다른 채널에서 커버링 한 2개의 영상!

역시나 내가 좋아하는 Boyce Avenue와 Nicole Cross

KHS 의 커버와는 또 다른 느낌인 커버들! 


Nicole Cross는 사실 이 커버는 난 별로다. 다른게 훠얼씬 좋다!


그것도 포스팅해야지..





[Verse 1]
When I was six years old I broke my leg  
6살때 다리가 부러졌어
I was running from my brother and his friends  
형과 그 친구들로부터 도망치고 있었어
And tasted the sweet perfume of the mountain grass I rolled down  
굴러내려가고 있을때 산에 있던 달콤한 향의 풀을 맛봤어
I was younger then, take me back to when I   
그땐 어렸지.  그때로 나를 데려다줘

[Pre-Chorus 1]
Found my heart and broke it here  
내 마음을 찾았고 이곳에서 깨뜨렸어.
Made friends and lost them through the years 
친구들을 만들었고 그들을 잃어버렸어
And I've not seen the roaring fields in so long, I know I've grown  
그리고 나는 오랜동안 센바람이 불어오는 들판을 보지 못했지. 내가 컸다는걸 알고있어.
But I can't wait to go home  빨리 집에 가고 싶어

[Chorus]
I'm on my way   
지금 가고 있어.
Driving at 90 down those country lanes 
시골길을 90으로 달리고 있지
Singing to "Tiny Dancer"  
Tiny Dancer를 부르면서
And I miss the way you make me feel, and it's real  
그리고 나는 네가 내게 느끼게 해줬던게 그리워. 정말이야.
We watched the sunset over the castle on the hill   
우린 언덕위 성 너머의 석양을 봤지.

[Verse 2]
Fifteen years old and smoking hand-rolled cigarettes  
열다섯살에는 손으로만 담배를 피웠어.
Running from the law through the backfields and getting drunk with my friends  
법을 뒤로하고 도망쳤고 친구들과 술에 취해있었어.
Had my first kiss on a Friday night, I don't reckon that I did it right  
금요일밤에 첫키스를 했고, 내가 제대로 했는지 모르겠어.
But I was younger then, take me back to when
하지만 난 그때 어렸어, 그때로 데려다줘.

[Pre-Chorus 2]
We found weekend jobs, when we got paid
우린 주말일을 구했고, 돈을 받았어.
We'd buy cheap spirits and drink them straight
저렴한 술을 사고 곧바로 마셨어.
Me and my friends have not thrown up in so long, oh how we've grown
나와 친구들은 오랫동안 토하지 않았어. 우리가 어떻게 큰걸까
But I can't wait to go home
빨리 집에 가고싶어

[Chorus]
I'm on my way 
지금 가고 있어.
Driving at 90 down those country lanes
시골길을 90으로 달리고 있지
Singing to "Tiny Dancer"
Tiny Dancer를 부르면서
And I miss the way you make me feel, and it's real
그리고 나는 네가 내게 느끼게 해줬던게 그리워. 정말이야.
We watched the sunset over the castle on the hill
우린 언덕위 성 너머의 석양을 봤지.
Over the castle on the hill
언덕위의 성 너머

[Bridge]
One friend left to sell clothes
한 친구는 옷을 팔러 떠났어.
One works down by the coast
한 친구는 바다에서 일을 시작했고
One had two kids but lives alone
한 친구는 아이가 둘이지만 혼자 살고있고
One's brother overdosed
한 친구의 형제는 중독됐지.
One's already on his second wife
한 친구는 벌써 두번째 와이프가 있고
One's just barely getting by
한 친구는 겨우 지내고 있어
But these people raised me
하지만 그사람들은 날 일으켜세웠지
And I can't wait to go home
집에 빨리 가고싶어

[Chorus]
And I'm on my way, I still remember   
지금 가고있어, 
These old country lanes 
난 여전히 이 시골길을 기억해
When we did not know the answers 
우리가 정답이란걸 알지 못할때도
And I miss the way you make me feel, it's real  
네가 내게 느끼게 해줬던 그게 그리워, 정말이야
We watched the sunset over the castle on the hill  
우리는 언덕 위 성 너머의 석양을 봤어
Over the castle on the hill 
언덕위의 성 너머에

블로그 이미지

B급 감성

댓글을 달아 주세요

HTML TO PDF

시작하면서

Excel을 PDF로 저장하기.

저를 하루 종일 괴롭힌 그것 "Excel을 PDF로 바꿔서 블록체인에 저장"이 목표였습니다.
구글검색 결과 바로 바꾸는건 쉽지 않다고 생각하고 HTML을 바꾼뒤에 다시 PDF로 써야겠다는 생각을 하게 됩니다. 그러나 많은 사람들이 겪은 문제를 우리도 겪게되죠.
  • 한글은 변환이 안됨(폰트때문인듯)
  • html을 xhtml로 전환이 잘 안됨
  • 글자는 되는데 라인은 변환이 안됨

Phantomjs

앗~ 이거 node js네.. 아 귀찮아 서버에 node깔고 어쩌고 저꺼고 또 통신할려면 rest api 사용해야 하고 .....

하지만 그 후로도 마땅한 방법을 찾지 못해 구글 신에게 다시 물어물어 Phantomjs를 홈페이지 를 갑니다. 

어~ download 이런 이미 OS별로 실행파일이 다 만들어져있었습니다.

자 그럼 아주 간단한 사용법만 알아보겠습니다.

PDF 2 HTML Sample


구글 검색 결과 아주 간단히 변경이 가능합니다.
검색 결과 페이지 : https://coderwall.com/p/5vmo1g/use-phantomjs-to-create-pdfs-from-html
요렇게만 하면 끝이라네요

phantomjs rasterize.js 'http://en.wikipedia.org/w/index.php?title=Jakarta&printable=yes' jakarta.pdf

그래서 테스트

phantomjs rasterize.js "http://en.wikipedia.org/w/index.php?title=Jakarta&printable=yes" jakarta.pdf
Can't open 'rasterize.js'
Can't open 'rasterize.js'
실패



rasterize.js 파일은 받은 파일에 examples 폴더에 있습니다.

이제 다시 아래와 같이 우리가 만든 HTML 파일 변경을 시도합니다.

phantomjs ..\examples\rasterize.js W:\sample.html W:\sample5.pdf
Unable to load the address!
Unable to load the address!
실패
아주 잠시 고민 브라우저 창의 파일 주소를 생각해냈어요

phantomjs ..\examples\rasterize.js file:///W:/sample.html W:\sample5.pdf
넘나 중요한거 "file:///" 여기보면 "/" 가 3개라는거 꼭 기억하세요




성공

이제 코드에 적용해 보면 되겠네요~~




추가


리눅스에서 사용 방법 입니다.

우선적으로 설치후에 사용하려 하면 폰트관련 에러가 발생합니다.
( phantomjs: error while loading shared libraries: libfontconfig.so.1: cannot open shared object file: No such file or directory )

아래에서 2~3번을 실행하면 관련 에러는 발생하지 않지만 한글이 깨지는 이슈가 있습니다.

한글 폰트깨짐을 해결하기 위해 4~10번의 과정을 해주면 한글도 잘 나오는걸 확인할 수 있습니다.
  1. tar -xvf phantomjs-2.1.1-linux-x86_64.tar.bz2
  2. yum install libfontconfig.so.1
  3. yum install fontconfig
  4. yum install fonts-korean
  5. yum install cjkuni-fonts-common cjkuni-ukai-fonts cjkuni-uming-fonts
  6. yum install libXext libXrender xorg-x11-fonts-Type1 xorg-x11-fonts-75dpi
  7. fc-cache -f -v
  8. wget http://cdn.naver.com/naver/NanumFont/fontfiles/NanumFont_TTF_ALL.zip
  9. mkdir /usr/share/fonts/nanumfont
  10. unzip NanumFont_TTF_ALL.zip -d /usr/share/fonts/nanumfont
  11. rm -f /usr/share/fonts/nanumfont/NanumFont_TTF_ALL.zip
  12. rm -f /usr/share/fonts/nanumfont/NanumBrush.ttf
  13. rm -f /usr/share/fonts/nanumfont/NanumPen.ttf


블로그 이미지

B급 감성

댓글을 달아 주세요

티스토리 툴바