유튜브 타이틀 및 이미지 정보 가져오기 정보
유튜브 타이틀 및 이미지 정보 가져오기본문
유튜브는 이미지의 경우 고유아이디만 알면 뺄 수가 있지만 타이틀(제목)의 경우는 키를 발급받아야만 가져올 수 있습니다. 키를 발급받지 않고 유튜브의 타이틀을 가져오는 방법입니다. 또한 새로운 이미지 주소도 추출할 수 있습니다.
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가지 주소를 모두 뽑아 보았습니다.
<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>
----------
닷홈 계정에는 file_get_contents() 가 안 먹네요.ㅜㅠ 그걸로 추출하는 것도 한 방법이었는데...
!-->
추천
3
3
댓글 6개
몰랐던 방식이네요 공유감사합니다
@용돌군 별 것도 아닌데 감사합니다
감사합니다.
@트리플 예 감사드립니다
감사합니다. 많이 배웁니다. ^^
@김철용 이건 아작스 동기식인데 요즘은 동기식이면 이 방식보다 그냥 curl 로 긁습니다.