테스트 사이트 - 개발 중인 베타 버전입니다

유튜브 타이틀 및 이미지 정보 가져오기

· 4년 전 · 5265 · 7

유튜브는 이미지의 경우 고유아이디만 알면 뺄 수가 있지만 타이틀(제목)의 경우는 키를 발급받아야만 가져올 수 있습니다. 키를 발급받지 않고 유튜브의 타이틀을 가져오는 방법입니다. 또한 새로운 이미지 주소도 추출할 수 있습니다.

 

https://noembed.com/embed?url=https://www.youtube.com/watch?v=qKkp-47stm0

 

위 링크의 끝부분이 유튜브의 고유 아이디입니다.

 

여기서 타이틀인 [M/V] BOL4(볼빨간사춘기) - Travel(여행) 와

이미지주소인 https://i.ytimg.com/vi/qKkp-47stm0/hqdefault.jpg 를 위 문서를 파싱해서 빼 오면 되겠습니다.

 

저는 그냥 split() 로 알기 쉽게 뽑았습니다. 여기저기 다니다 보니 이 주소의 이미지도 3가지 종류가 있더군요. 그래서 3가지 주소를 모두 뽑아 보았습니다.

 

[code]

<script>
function youtebeData() {
    youtubeXhr = new XMLHttpRequest();
    youtubeXhr.open('GET', 'https://noembed.com/embed?url=https://www.youtube.com/watch?v=' + arguments[0], 0);
    youtubeXhr.send();
    youtubeTitle = youtubeXhr.responseText.split('"title":"')[1].split('"')[0];
    youtubeHqImage = youtubeXhr.responseText.split('"thumbnail_url":"')[1].split('"')[0];
    youtubeMqImage = youtubeHqImage.replace('hq', 'mq');
    youtubeSdImage = youtubeHqImage.replace('hq', 'sd');
}
youtebeData('qKkp-47stm0');
</script>

<script>
    document.write("<div>" + youtubeTitle + "</div>");
    document.write("<img src=" + youtubeHqImage + ">");
    document.write("<img src=" + youtubeMqImage + ">");
    document.write("<img src=" + youtubeSdImage + ">");
</script>

[/code]

 

----------

 

닷홈 계정에는 file_get_contents() 가 안 먹네요.ㅜㅠ 그걸로 추출하는 것도 한 방법이었는데...

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 7개

몰랐던 방식이네요 공유감사합니다
4년 전
@용돌군 별 것도 아닌데 감사합니다
감사합니다.
4년 전
@트리플 예 감사드립니다
감사합니다. 많이 배웁니다. ^^
3년 전
@김철용 이건 아작스 동기식인데 요즘은 동기식이면 이 방식보다 그냥 curl 로 긁습니다.
1년 전
정보 감사합니다.^^

게시글 목록

번호 제목
24318
24317
24315
24309
24294
24293
24277
24262
24260
24253
24251
24236
24233
24228
24226
24221
24214
24203
24201
24199
24196
24195
24194
24192
24191
24187
24185
24183
24172
24168