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

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

 

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개

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

댓글 작성

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

로그인하기
🐛 버그신고