YouTube Data API v3.0 + JavaScript로 동영상 검색
우선 Google Developers Console에서 API를 켭니다.
Google Developers Console
사이드바[API·와 인증] > YouTube Data API v3 를 검색, ON으로 한다
참고 : 프로젝트를 만들고 API 서비스 선택
API 키 만들기
사이드바[인증 정보] ＞ 공개 API에의 액세스 ＞ 새로운 키 작성 ＞ 브라우저 키 로 신규 작성
리퍼러에는 설치할 페이지의 URL을 설명
JavaScript로 동영상 검색
이번에는 한 채널의 동영상 목록을 최신순으로 얻습니다.
매개변수
이번에는 한 채널의 동영상 목록을 최신순으로 얻습니다.
매개변수
https://www.googleapis.com/youtube/v3/search?part=snippet&channelId=(チャンネルID)&order=date&key=(APIキー)문서 중 어느 것을 보는지 알기 어렵지만 여기에서 API를 사용해보십시오.
참고 : Search: list
이런 느낌의 JSON을 얻을 수 있습니다.
{
"kind": "youtube#searchListResponse",
"etag": "\"IHLB7Mi__JPvvG2zLQWAg8l36UU/B7HTIgYFvqFP1W51kJxRs_VPTEs\"",
"pageInfo": {
"totalResults": 2,
"resultsPerPage": 5
},
"items": [
{
"kind": "youtube#searchResult",
"etag": "\"IHLB7Mi__JPvvG2zLQWAg8l36UU/9Q6jCT_HeHFfR4LxWgkefRtExOk\"",
"id": {
"kind": "youtube#video",
"videoId": "J9VsVp7n6mg"
},
"snippet": {
"publishedAt": "2009-08-05T10:45:24.000Z",
"channelId": "UCnUSZE-pn6_g2DQu_d78fyw",
"title": "ミニチュア風動画 - 福岡市中央区赤坂",
"description": "http://akihiro.jugem.jp/?eid=259.",
"thumbnails": {
"default": {
"url": "https://i.ytimg.com/vi/J9VsVp7n6mg/default.jpg"
},
"medium": {
"url": "https://i.ytimg.com/vi/J9VsVp7n6mg/mqdefault.jpg"
},
"high": {
"url": "https://i.ytimg.com/vi/J9VsVp7n6mg/hqdefault.jpg"
}
},
"channelTitle": "1977akihiro",
"liveBroadcastContent": "none"
}
},
{
"kind": "youtube#searchResult",
"etag": "\"IHLB7Mi__JPvvG2zLQWAg8l36UU/DeJNCRcU3l63qnGglawM3fqrD-A\"",
"id": {
"kind": "youtube#channel",
"channelId": "UCnUSZE-pn6_g2DQu_d78fyw"
},
"snippet": {
"publishedAt": "2009-08-05T10:42:18.000Z",
"channelId": "UCnUSZE-pn6_g2DQu_d78fyw",
"title": "Akihiro Koyanagi",
"description": "",
"thumbnails": {
"default": {
"url": "https://lh6.googleusercontent.com/-SY0gvXNZffo/AAAAAAAAAAI/AAAAAAAAAAA/YnViDwJiSzY/photo.jpg"
},
"medium": {
"url": "https://lh6.googleusercontent.com/-SY0gvXNZffo/AAAAAAAAAAI/AAAAAAAAAAA/YnViDwJiSzY/photo.jpg"
},
"high": {
"url": "https://lh6.googleusercontent.com/-SY0gvXNZffo/AAAAAAAAAAI/AAAAAAAAAAA/YnViDwJiSzY/photo.jpg"
}
},
"channelTitle": "1977akihiro",
"liveBroadcastContent": "none"
}
}
]
}
items를 돌려
items->id->kind==="youtube#video"items->id->videoId 이 동영상의 ID입니다.$.getJSON(
apiUrl,
{},
function(json) {
if (!json.items) return;
for(var i in json.items){
if (json.items[i].id.videoId && json.items[i].id.kind=="youtube#video"){
listVideo.push(json.items[i].id.videoId);
}
}
}
);
Reference
이 문제에 관하여(YouTube Data API v3.0 + JavaScript로 동영상 검색), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/akihiro1977/items/55e0007d3b85f9b95223텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
