YouTube.js
A full-featured wrapper around the InnerTube API, which is what YouTube itself uses.
Report Bug
·
Request Feature
Special thanks to:
Table of Contents
-
About
-
Getting Started
-
Usage
- Implementing custom functionality
- Contributing
- Contributors
- Contact
- Disclaimer
- License
About
InnerTube is an API used across all YouTube clients, it was created to simplify1 the internal structure of the platform in a way that updates, tweaks, and experiments can be easily made. This library handles all the low-level communication with InnerTube, providing a simple, fast, and efficient way to interact with YouTube programmatically.
If you have any questions or need help, feel free to contact us on our chat server 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+. You may provide your fetch implementation if you need to use an older version. See providing your own fetch implementation for more information.
- The
Response
object returned by fetch must thus be spec compliant and return a ReadableStream
object if you want to use the VideoInfo#download
method. (Implementations like node-fetch
returns a non-standard Readable
object.)
EventTarget
and CustomEvent
are required.
Installation
npm install youtubei.js@latest
yarn add youtubei.js@latest
npm install github:LuanRT/YouTube.js
TODO: Deno install instructions (esm.sh possibly?)
Usage
Create an InnerTube instance:
import { Innertube } from 'youtubei.js';
const youtube = await Innertube.create();
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 in examples/browser/proxy/deno.ts
.
You may provide your own fetch implementation to be used by YouTube.js. Which we will use here to modify and send the requests through our proxy. See examples/browser/web
for a simple example using Vite.
import { Innertube } from 'youtubei.js/bundle/browser';
await Innertube.create({
fetch: async (input: RequestInfo | URL, init?: RequestInit) => {
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';
import dashjs from 'dashjs';
const youtube = await Innertube.create({ });
const videoInfo = await youtube.getInfo('videoId');
const manifest = videoInfo.toDash(url => {
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);
Our browser example in examples/browser/web
provides a fully working example.
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).
const yt = await Innertube.create({
fetch: async (input: RequestInfo | URL, init?: RequestInit) => {
return new Response(
);
}
});
Caching
To improve performance, you may wish to cache the transformed player instance which we use to decode the streaming urls.
Our cache uses the node:fs
module in Node-like environments, Deno.writeFile
in Deno, and indexedDB
in browsers.
import { Innertube, UniversalCache } from 'youtubei.js';
const yt = await Innertube.create({
cache: new UniversalCache()
});
const yt = await Innertube.create({
cache: new UniversalCache(
true,
'./.cache'
)
});
API
-
Innertube
objects
methods
getInfo(video_id, client?)
Retrieves video info, including playback data and even layout elements such as menus, buttons, etc — all nicely parsed.
Returns: Promise.<VideoInfo>
Param | Type | Description |
---|
video_id | string | The id of the video |
client? | InnerTubeClient | WEB , ANDROID or YTMUSIC |
Methods & Getters
-
<info>#like()
-
<info>#dislike()
-
<info>#removeLike()
-
<info>#getLiveChat()
- Returns a LiveChat instance.
-
<info>#chooseFormat(options)
- Used to choose streaming data formats.
-
<info>#toDash(url_transformer)
- Converts streaming data to an MPEG-DASH manifest.
-
<info>#download(options)
-
<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
.
-
<info>#getWatchNextContinuation()
- Retrieves the next batch of items for the watch next feed.
-
<info>#addToWatchHistory()
- Adds the video to the watch history.
-
<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 or YTMUSIC |
search(query, filters?)
Searches the given query on YouTube.
Returns: Promise.<Search>
Param | Type | Description |
---|
query | string | The search query |
filters? | SearchFilters | Search filters |
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.
-
<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 |
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.<FilterableFeed>
getLibrary()
Retrieves the account's library.
Returns: Promise.<Library>
Methods & Getters
<library>#history
<library>#watch_later
<library>#liked_videos
<library>#playlists
<library>#clips
<library>#page
- Returns original InnerTube response (sanitized).
getHistory()
Retrieves watch history.
Returns: Promise.<History>
Methods & Getters
<history>#getContinuation()
- Retrieves next batch of contents.
getTrending()
Retrieves trending content.
Returns: Promise.<TabbedFeed>
getSubscriptionsFeed()
Retrieves subscriptions feed.
Returns: Promise.<Feed>
getChannel(id)
Retrieves contents for a given channel.
Returns: Promise.<Channel>
Param | Type | Description |
---|
id | string | Channel id |
Methods & Getters
<channel>#getVideos()
<channel>#getPlaylists()
<channel>#getHome()
<channel>#getCommunity()
<channel>#getChannels()
<channel>#getAbout()
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>
Param | Type | Description |
---|
id | string | Playlist id |
Methods & Getter
<playlist>#items
- Returns the items of the playlist.
getStreamingData(video_id, options)
Returns deciphered streaming data.
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.
call(endpoint, args?)
Utility to call navigation endpoints.
Returns: Promise.<ActionsResponse | ParsedResponse>
Param | Type | Description |
---|
endpoint | NavigationEndpoint | The target endpoint |
args? | object | Additional payload arguments |
Implementing custom functionality
Something cool about YouTube.js is that it is completely modular and easy to tinker with. Almost all 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, you may want to call an endpoint directly, that can be achieved with the Actions
class:
const payload = {
videoId: 'jLTOuvBTLxA',
client: 'YTMUSIC',
parse: true
};
const response = await yt.actions.execute('/player', payload);
console.info(response);
Or maybe there's an interesting NavigationEndpoint
in a parsed response and we want to call it to see what happens:
const artist = await yt.music.getArtist('UC52ZqHVQz5OoGhvbWiRal6g');
const albums = artist.sections[1].as(MusicCarouselShelf);
const button = albums.as(MusicCarouselShelf).header?.more_content;
if (button) {
const page = await button.endpoint.call(yt.actions, 'YTMUSIC', true);
console.info(page);
}
Parser
If you're working on an extension for the library or just want to have nicely typed and sanitized InnerTube responses for a project then have a look at our powerful parser!
Example:
import { Parser } from 'youtubei.js';
import SectionList from 'youtubei.js/dist/src/parser/classes/SectionList';
import SingleColumnBrowseResults from 'youtubei.js/dist/src/parser/classes/SingleColumnBrowseResults';
import MusicVisualHeader from 'youtubei.js/dist/src/parser/classes/MusicVisualHeader';
import MusicImmersiveHeader from 'youtubei.js/dist/src/parser/classes/MusicImmersiveHeader';
import MusicCarouselShelf from 'youtubei.js/dist/src/parser/classes/MusicCarouselShelf';
import MusicDescriptionShelf from 'youtubei.js/dist/src/parser/classes/MusicDescriptionShelf';
import MusicShelf from 'youtubei.js/dist/src/parser/classes/MusicShelf';
import { readFileSync } from 'fs';
const data = readFileSync('./artist.json').toString();
const page = Parser.parseResponse(JSON.parse(data));
const header = page.header.item().as(MusicImmersiveHeader, MusicVisualHeader);
console.info('Header:', header);
const tab = page.contents.item().as(SingleColumnBrowseResults).tabs.get({ selected: false });
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(SectionList).contents.array().as(MusicCarouselShelf, MusicDescriptionShelf, MusicShelf);
console.info('Sections:', sections);
Detailed documentation can be found here.
Contributing
Contributions, issues, and feature requests are welcome.
Feel free to check the issues page and our guidelines if you want to contribute.
Contributors
Contact
LuanRT - @lrt_nooneknows - luan.lrt4@gmail.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 are the property of their respective owners and are used only to directly describe the services being provided, as such, any usage of trademarks to refer to such services is considered nominative use.
Should you have any questions or concerns please contact me directly via email.
License
Distributed under the MIT License.
(back to top)