Redesign - achim-t/Youtube-Grid GitHub Wiki

JS based

Angular ?

YT API

Get Subscription:

For Public Subscriptions:

    return gapi.client.youtube.subscriptions.list({
      "part": "snippet",
      "channelId": "CHANNEL_ID",
      "fields": "kind,nextPageToken,items(snippet/resourceId)"
    })

For Private Subscriptions (needs OAuth beforehand):

    return gapi.client.youtube.subscriptions.list({
      "part": "snippet",
      "mine": true,
      "fields": "kind,nextPageToken,items(snippet/resourceId)"
    })

Get Channel ContentDetails (comma separated list):

    return gapi.client.youtube.channels.list({
      "part": "snippet",
      "id": "CHANNEL_ID_1,CHANNEL_ID_2",
      "maxResults": 1,
      "pageToken": "",
      "fields": "kind,nextPageToken,items(kind,id,snippet(title,description,thumbnails/medium))"
    })

Search Videos for Channel

return gapi.client.youtube.search.list({
      "part": "snippet",
      "channelId": "CHANNEL_ID",
      "maxResults": 1,
      "order": "date",
      "pageToken": "",
      "publishedAfter": "",
      "type": "video",
      "fields": "kind,nextPageToken,items(id,snippet(channelId,publishedAt,title,description,thumbnails/medium))"
    })

Gets all necessary information on videos except length.

Get Video Details For IDs (comma separated list):

    return gapi.client.youtube.videos.list({
      "part": "contentDetails",
      "id": "VIDEO_ID_1,VIDEO_ID_2,VIDEO_ID_3",
      "fields": "kind,nextPageToken,items(id,contentDetails/duration)"
    })

<script src="https://apis.google.com/js/client.js?onload=googleApiClientReady"></script> var request = gapi.client.youtube.channels.list

GUI

Sorting And Filtering

DB

⚠️ **GitHub.com Fallback** ⚠️