26 KiB
YouTube.js
A full-featured wrapper around the InnerTube API
Special thanks to:
API to get search engine results with ease.
Table of Contents
Description
InnerTube is an API used by all YouTube clients. It was created to simplify the deployment of new features and experiments across the platform 1. This library manages all low-level communication with InnerTube, providing a simple and efficient way to interact with YouTube programmatically. Its design aims to closely emulate an actual client, including the parsing of API responses.
If you have any questions or need help, feel free to reach out to us on our Discord server or open an issue here.
Getting Started
Prerequisites
YouTube.js runs on Node.js, Deno, and modern browsers.
It requires a runtime with the following features:
fetch
- On Node, we use undici's fetch implementation, which requires Node.js 16.8+. If you need to use an older version, you may provide your own fetch implementation. See providing your own fetch implementation for more information.
- The
Response
object returned by fetch must thus be spec compliant and return aReadableStream
object if you want to use theVideoInfo#download
method. (Implementations likenode-fetch
returns a non-standardReadable
object.)
EventTarget
andCustomEvent
are required.
Installation
# NPM
npm install youtubei.js@latest
# Yarn
yarn add youtubei.js@latest
# Git (edge version)
npm install github:LuanRT/YouTube.js
When using Deno, you can import YouTube.js directly from deno.land:
import { Innertube } from 'https://deno.land/x/youtubei/deno.ts';
Usage
Create an InnerTube instance:
// const { Innertube } = require('youtubei.js');
import { Innertube } from 'youtubei.js';
const youtube = await Innertube.create(/* options */);
Initialization Options
Click to expand
Option | Type | Description | Default |
---|---|---|---|
lang |
string |
Language. | en |
location |
string |
Geolocation. | US |
account_index |
number |
The account index to use. This is useful if you have multiple accounts logged in. NOTE: Only works if you are signed in with cookies. | 0 |
visitor_data |
string |
Setting this to a valid and persistent visitor data string will allow YouTube to give this session tailored content even when not logged in. A good way to get a valid one is by either grabbing it from a browser or calling InnerTube's /visitor_id endpoint. |
undefined |
retrieve_player |
boolean |
Specifies whether to retrieve the JS player. Disabling this will make session creation faster. NOTE: Deciphering formats is not possible without the JS player. | true |
enable_safety_mode |
boolean |
Specifies whether to enable safety mode. This will prevent the session from loading any potentially unsafe content. | false |
generate_session_locally |
boolean |
Specifies whether to generate the session data locally or retrieve it from YouTube. This can be useful if you need more performance. | false |
device_category |
DeviceCategory |
Platform to use for the session. | DESKTOP |
client_type |
ClientType |
InnerTube client type. | WEB |
timezone |
string |
The time zone. | * |
cache |
ICache |
Used to cache the deciphering functions from the JS player. | undefined |
cookie |
string |
YouTube cookies. | undefined |
fetch |
FetchFunction |
Fetch function to use. | fetch |
Browser Usage
To use YouTube.js in the browser, you must proxy requests through your own server. You can see our simple reference implementation in Deno at examples/browser/proxy/deno.ts
.
You may provide your own fetch implementation to be used by YouTube.js, which we will use to modify and send the requests through a proxy. See examples/browser/web
for a simple example using Vite.
// Multiple exports are available for the web.
// Unbundled ESM version
import { Innertube } from 'youtubei.js/web';
// Bundled ESM version
// import { Innertube } from 'youtubei.js/web.bundle';
// Production Bundled ESM version
// import { Innertube } from 'youtubei.js/web.bundle.min';
await Innertube.create({
fetch: async (input: RequestInfo | URL, init?: RequestInit) => {
// Modify the request
// and send it to the proxy
// fetch the URL
return fetch(request, init);
}
});
Streaming
YouTube.js supports streaming of videos in the browser by converting YouTube's streaming data into an MPEG-DASH manifest.
The example below uses dash.js
to play the video.
import { Innertube } from 'youtubei.js/web';
import dashjs from 'dashjs';
const youtube = await Innertube.create({ /* setup - see above */ });
// Get the video info
const videoInfo = await youtube.getInfo('videoId');
// now convert to a dash manifest
// again - to be able to stream the video in the browser - we must proxy the requests through our own server
// to do this, we provide a method to transform the URLs before writing them to the manifest
const manifest = await videoInfo.toDash(url => {
// modify the url
// and return it
return url;
});
const uri = "data:application/dash+xml;charset=utf-8;base64," + btoa(manifest);
const videoElement = document.getElementById('video_player');
const player = dashjs.MediaPlayer().create();
player.initialize(videoElement, uri, true);
A fully working example can be found in examples/browser/web
.
Providing your own fetch implementation
You may provide your own fetch implementation to be used by YouTube.js. This can be useful in some cases to modify the requests before they are sent and transform the responses before they are returned (eg. for proxies).
// provide a fetch implementation
const yt = await Innertube.create({
fetch: async (input: RequestInfo | URL, init?: RequestInit) => {
// make the request with your own fetch implementation
// and return the response
return new Response(
/* ... */
);
}
});
Caching
Caching the transformed player instance can greatly improve the performance. Our UniversalCache
implementation uses different caching methods depending on the environment.
In Node.js, we use the node:fs
module, Deno.writeFile()
in Deno, and indexedDB
in browsers.
By default, the cache stores data in the operating system's temporary directory (or indexedDB
in browsers). You can make this cache persistent by specifying the path to the cache directory, which will be created if it doesn't exist.
import { Innertube, UniversalCache } from 'youtubei.js';
// Create a cache that stores files in the OS temp directory (or indexedDB in browsers) by default.
const yt = await Innertube.create({
cache: new UniversalCache(false)
});
// You may want to create a persistent cache instead (on Node and Deno).
const yt = await Innertube.create({
cache: new UniversalCache(
// Enables persistent caching
true,
// Path to the cache directory. The directory will be created if it doesn't exist
'./.cache'
)
});
API
-
Innertube
Methods
- .getInfo(target, client?)
- .getBasicInfo(video_id, client?)
- .search(query, filters?)
- .getSearchSuggestions(query)
- .getComments(video_id, sort_by?)
- .getHomeFeed()
- .getGuide()
- .getLibrary()
- .getHistory()
- .getTrending()
- .getSubscriptionsFeed()
- .getChannel(id)
- .getNotifications()
- .getUnseenNotificationsCount()
- .getPlaylist(id)
- .getHashtag(hashtag)
- .getStreamingData(video_id, options)
- .download(video_id, options?)
- .resolveURL(url)
- .call(endpoint, args?)
getInfo(target, client?)
Retrieves video info.
Returns: Promise<VideoInfo>
Param | Type | Description |
---|---|---|
target | string | NavigationEndpoint |
If string , the id of the video. If NavigationEndpoint , the endpoint of watchable elements such as Video , Mix and Playlist . To clarify, valid endpoints have payloads containing at least videoId and optionally playlistId , params and index . |
client? | InnerTubeClient |
WEB , ANDROID , YTMUSIC , YTMUSIC_ANDROID or TV_EMBEDDED |
Methods & Getters
-
<info>#like()
- Likes the video.
-
<info>#dislike()
- Dislikes the video.
-
<info>#removeRating()
- Removes like/dislike.
-
<info>#getLiveChat()
- Returns a LiveChat instance.
-
<info>#getTrailerInfo()
- Returns trailer info in a new
VideoInfo
instance, ornull
if none. Typically available for non-purchased movies or films.
- Returns trailer info in a new
-
<info>#chooseFormat(options)
- Used to choose streaming data formats.
-
<info>#toDash(url_transformer?, format_filter?)
- Converts streaming data to an MPEG-DASH manifest.
-
<info>#download(options)
- Downloads the video. See download.
-
<info>#getTranscript()
- Retrieves the video's transcript.
-
<info>#filters
- Returns filters that can be applied to the watch next feed.
-
<info>#selectFilter(name)
- Applies the given filter to the watch next feed and returns a new instance of
VideoInfo
.
- Applies the given filter to the watch next feed and returns a new instance of
-
<info>#getWatchNextContinuation()
- Retrieves the next batch of items for the watch next feed.
-
<info>#addToWatchHistory()
- Adds the video to the watch history.
-
<info>#autoplay_video_endpoint
- Returns the endpoint of the video for Autoplay.
-
<info>#has_trailer
- Checks if trailer is available.
-
<info>#page
- Returns original InnerTube response (sanitized).
getBasicInfo(video_id, client?)
Suitable for cases where you only need basic video metadata. Also, it is faster than getInfo()
.
Returns: Promise<VideoInfo>
Param | Type | Description |
---|---|---|
video_id | string |
The id of the video |
client? | InnerTubeClient |
WEB , ANDROID , YTMUSIC_ANDROID , YTMUSIC , TV_EMBEDDED |
search(query, filters?)
Searches the given query on YouTube.
Returns: Promise<Search>
Note
Search
extends theFeed
class.
Param | Type | Description |
---|---|---|
query | string |
The search query |
filters? | SearchFilters |
Search filters |
Search Filters
Filter | Type | Value | Description |
---|---|---|---|
upload_date | string |
all | hour | today | week | month | year |
Filter by upload date |
type | string |
all | video | channel | playlist | movie |
Filter by type |
duration | string |
all | short | medium | long |
Filter by duration |
sort_by | string |
relevance | rating | upload_date | view_count |
Sort by |
features | string[] |
hd | subtitles | creative_commons | 3d | live | purchased | 4k | 360 | location | hdr | vr180 |
Filter by features |
Methods & Getters
-
<search>#selectRefinementCard(SearchRefinementCard | string)
- Applies given refinement card and returns a new Search instance.
-
<search>#refinement_card_queries
- Returns available refinement cards, this is a simplified version of the
refinement_cards
object.
- Returns available refinement cards, this is a simplified version of the
-
<search>#getContinuation()
- Retrieves next batch of results.
getSearchSuggestions(query)
Retrieves search suggestions for given query.
Returns: Promise<string[]>
Param | Type | Description |
---|---|---|
query | string |
The search query |
getComments(video_id, sort_by?)
Retrieves comments for given video.
Returns: Promise<Comments>
Param | Type | Description |
---|---|---|
video_id | string |
The video id |
sort_by | string |
Can be: TOP_COMMENTS or NEWEST_FIRST |
See ./examples/comments
for examples.
getHomeFeed()
Retrieves YouTube's home feed.
Returns: Promise<HomeFeed>
Note
HomeFeed
extends theFilterableFeed
class.
Methods & Getters
-
<home_feed>#videos
- Returns all videos in the home feed.
-
<home_feed>#posts
- Returns all posts in the home feed.
-
<home_feed>#shelves
- Returns all shelves in the home feed.
-
<home_feed>#filters
- Returns available filters.
-
<home_feed>#applyFilter(name | ChipCloudChip)
- Applies given filter and returns a new HomeFeed instance.
-
<home_feed>#getContinuation()
- Retrieves feed continuation.
getGuide()
Retrieves YouTube's content guide.
Returns: Promise<Guide>
getLibrary()
Retrieves the account's library.
Returns: Promise<Library>
Note
Library
extends theFeed
class.
Methods & Getters
<library>#history
<library>#watch_later
<library>#liked_videos
<library>#playlists_section
<library>#clips
getHistory()
Retrieves watch history.
Returns: Promise<History>
Note
History
extends theFeed
class.
Methods & Getters
<history>#getContinuation()
- Retrieves next batch of contents.
getTrending()
Retrieves trending content.
Returns: Promise<TabbedFeed<IBrowseResponse>>
getSubscriptionsFeed()
Retrieves the subscriptions feed.
Returns: Promise<Feed<IBrowseResponse>>
getChannel(id)
Retrieves contents for a given channel.
Returns: Promise<Channel>
Note
Channel
extends theTabbedFeed
class.
Param | Type | Description |
---|---|---|
id | string |
Channel id |
Methods & Getters
<channel>#getVideos()
<channel>#getShorts()
<channel>#getLiveStreams()
<channel>#getReleases()
<channel>#getPodcasts()
<channel>#getPlaylists()
<channel>#getHome()
<channel>#getCommunity()
<channel>#getChannels()
<channel>#getAbout()
<channel>#search(query)
<channel>#applyFilter(filter)
<channel>#applyContentTypeFilter(content_type_filter)
<channel>#applySort(sort)
<channel>#getContinuation()
<channel>#filters
<channel>#content_type_filters
<channel>#sort_filters
<channel>#page
See ./examples/channel
for examples.
getNotifications()
Retrieves notifications.
Returns: Promise<NotificationsMenu>
Methods & Getter
<notifications>#getContinuation()
- Retrieves next batch of notifications.
getUnseenNotificationsCount()
Retrieves unseen notifications count.
Returns: Promise<number>
getPlaylist(id)
Retrieves playlist contents.
Returns: Promise<Playlist>
Note
Playlist
extends theFeed
class.
Param | Type | Description |
---|---|---|
id | string |
Playlist id |
Methods & Getter
<playlist>#items
- Returns the items of the playlist.
getHashtag(hashtag)
Retrieves a given hashtag's page.
Returns: Promise<HashtagFeed>
Note
HashtagFeed
extends theFilterableFeed
class.
Param | Type | Description |
---|---|---|
hashtag | string |
The hashtag |
Methods & Getter
<hashtag>#applyFilter(filter)
- Applies given filter and returns a new
HashtagFeed
instance.
- Applies given filter and returns a new
<hashtag>#getContinuation()
- Retrieves next batch of contents.
getStreamingData(video_id, options)
Returns deciphered streaming data.
Note
This method will be deprecated in the future. We recommend retrieving streaming data from a
VideoInfo
orTrackInfo
object instead if you want to select formats manually. Please refer to the following example:
const info = await yt.getBasicInfo('somevideoid');
const url = info.streaming_data?.formats[0].decipher(yt.session.player);
console.info('Playback url:', url);
// or:
const format = info.chooseFormat({ type: 'audio', quality: 'best' });
const url = format?.decipher(yt.session.player);
console.info('Playback url:', url);
Returns: Promise<object>
Param | Type | Description |
---|---|---|
video_id | string |
Video id |
options | FormatOptions |
Format options |
download(video_id, options?)
Downloads a given video.
Returns: Promise<ReadableStream<Uint8Array>>
Param | Type | Description |
---|---|---|
video_id | string |
Video id |
options | DownloadOptions |
Download options |
See ./examples/download
for examples.
resolveURL(url)
Resolves a given url.
Returns: Promise<NavigationEndpoint>
Param | Type | Description |
---|---|---|
url | string |
Url to resolve |
call(endpoint, args?)
Utility to call navigation endpoints.
Returns: Promise<T extends IParsedResponse | IParsedResponse | ApiResponse>
Param | Type | Description |
---|---|---|
endpoint | NavigationEndpoint |
The target endpoint |
args? | object |
Additional payload arguments |
Extending the library
YouTube.js is modular and easy to extend. Most of the methods, classes, and utilities used internally are exposed and can be used to implement your own extensions without having to modify the library's source code.
For example, let's say we want to implement a method to retrieve video info. We can do that by using an instance of the Actions
class:
import { Innertube } from 'youtubei.js';
(async () => {
const yt = await Innertube.create();
async function getVideoInfo(videoId: string) {
const videoInfo = await yt.actions.execute('/player', {
// You can add any additional payloads here, and they'll merge with the default payload sent to InnerTube.
videoId,
client: 'YTMUSIC', // InnerTube client options: ANDROID, YTMUSIC, YTMUSIC_ANDROID, WEB, or TV_EMBEDDED.
parse: true // tells YouTube.js to parse the response (not sent to InnerTube).
});
return videoInfo;
}
const videoInfo = await getVideoInfo('jLTOuvBTLxA');
console.info(videoInfo);
})();
Alternatively, suppose we locate a NavigationEndpoint
in a parsed response and want to see what happens when we call it:
import { Innertube, YTNodes } from 'youtubei.js';
(async () => {
const yt = await Innertube.create();
const artist = await yt.music.getArtist('UC52ZqHVQz5OoGhvbWiRal6g');
const albums = artist.sections[1].as(YTNodes.MusicCarouselShelf);
// Let's imagine that we wish to click on the “More” button:
const button = albums.as(YTNodes.MusicCarouselShelf).header?.more_content;
if (button) {
// Having ensured that it exists, we can then call its navigation endpoint using the following code:
const page = await button.endpoint.call(yt.actions, { parse: true });
console.info(page);
}
})();
Parser
YouTube.js' parser enables you to parse InnerTube responses and convert their nodes into strongly-typed objects that are simple to manipulate. Additionally, it provides numerous utility methods that make working with InnerTube a breeze.
Here's an example of its usage:
// See ./examples/parser
import { Parser, YTNodes } from 'youtubei.js';
import { readFileSync } from 'fs';
// YouTube Music's artist page response
const data = readFileSync('./artist.json').toString();
const page = Parser.parseResponse(JSON.parse(data));
const header = page.header?.item().as(YTNodes.MusicImmersiveHeader, YTNodes.MusicVisualHeader);
console.info('Header:', header);
// The parser uses a proxy object to add type safety and utility methods for working with InnerTube's data arrays:
const tab = page.contents?.item().as(YTNodes.SingleColumnBrowseResults).tabs.firstOfType(YTNodes.Tab);
if (!tab)
throw new Error('Target tab not found');
if (!tab.content)
throw new Error('Target tab appears to be empty');
const sections = tab.content?.as(YTNodes.SectionList).contents.as(YTNodes.MusicCarouselShelf, YTNodes.MusicDescriptionShelf, YTNodes.MusicShelf);
console.info('Sections:', sections);
Documentation for the parser can be found here.
Contributing
We welcome all contributions, issues and feature requests, whether small or large. If you want to contribute, feel free to check out our issues page and our guidelines.
We are immensely grateful to all the wonderful people who have contributed to this project. A special shoutout to all our contributors! 🎉
Contact
LuanRT - @thesciencephile - luanrt@thatsciencephile.com
Project Link: https://github.com/LuanRT/YouTube.js
Disclaimer
This project is not affiliated with, endorsed, or sponsored by YouTube or any of its affiliates or subsidiaries. All trademarks, logos, and brand names used in this project are the property of their respective owners and are used solely to describe the services provided.
As such, any usage of trademarks to refer to such services is considered nominative use. If you have any questions or concerns, please contact me directly via email.
License
Distributed under the MIT License.