youtube

maybe try

to get data from youtube without youtube data api

Build ~~your~~ my own youtube timeline with latest videos from selected channels.

Marques Brownlee #tech, #gadgets, #english

latest videos:

TESTV #tech, #gadgets, #chinese

latest videos:

橙红Iris #tech, #gadgets, #chinese

latest videos:

3Blue1Brown #education, #english, #math, #ai

latest videos:

create the YouTubeLatest component

find the channel ID of a channel

use channels>list to get the channel ID

part: snippet forHandle: @mkbhd maxResults: 1 key: API_KEY_HERE

the channel ID will show up items[0].id


{
  "kind": "youtube#channelListResponse",
  "etag": "1ZYJWEtcQpiQpJ4zvzkWfMPV4JM",
  "pageInfo": {
    "totalResults": 1,
    "resultsPerPage": 1
  },
  "items": [
    {
      "kind": "youtube#channel",
      "etag": "6w1uqa6N7jMbpK_p0emg_Z7hhwE",
      "id": "UCBJycsmduvYEL83R_U4JriQ",
      "snippet": {
        "title": "Marques Brownlee",
        "description": "MKBHD: Quality Tech Videos | YouTuber | Geek | Consumer Electronics | Tech Head | Internet Personality!\n\n[email protected]\n\nNYC",
        "customUrl": "@mkbhd",
        "publishedAt": "2008-03-21T15:25:54Z",
        "thumbnails": {
          "default": {
            "url": "https://yt3.ggpht.com/lkH37D712tiyphnu0Id0D5MwwQ7IRuwgQLVD05iMXlDWO-kDHut3uI4MgIEAQ9StK0qOST7fiA=s88-c-k-c0x00ffffff-no-rj",
            "width": 88,
            "height": 88
          },
          "medium": {
            "url": "https://yt3.ggpht.com/lkH37D712tiyphnu0Id0D5MwwQ7IRuwgQLVD05iMXlDWO-kDHut3uI4MgIEAQ9StK0qOST7fiA=s240-c-k-c0x00ffffff-no-rj",
            "width": 240,
            "height": 240
          },
          "high": {
            "url": "https://yt3.ggpht.com/lkH37D712tiyphnu0Id0D5MwwQ7IRuwgQLVD05iMXlDWO-kDHut3uI4MgIEAQ9StK0qOST7fiA=s800-c-k-c0x00ffffff-no-rj",
            "width": 800,
            "height": 800
          }
        },
        "localized": {
          "title": "Marques Brownlee",
          "description": "MKBHD: Quality Tech Videos | YouTuber | Geek | Consumer Electronics | Tech Head | Internet Personality!\n\n[email protected]\n\nNYC"
        },
        "country": "US"
      }
    }
  ]
}

then use search>list to get the latest video of the channel

part: “snippet”, channelId: channelId, order: “date”, maxResults: 1, type: “video”, key: process.env.NEXT_PUBLIC_YOUTUBE_API_KEY,

youtube data api has too little quota/limits! It’s not usable. Have to find another workaround.

youtube

create the YouTubeLatest component

others