Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →

ytdl-browser

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

ytdl-browser

This is based on a [fork](https://www.npmjs.com/package/ytdl-core-browser). By March 12, 2022, it is working.

1.0.6
latest
Source
npm

Version published: 2 years ago

Maintainers: 1

Created: 2 years ago

Source

Disclamer

This is based on a fork. By March 12, 2022, it is working.

Browser Youtube Downloader

This library is a tiny wrapper around the ytdl-core library to make it work in the browser. Also add other stuff - such as ytpl and ytsr. We don't care about bugs and issues, do what you want. This library is just a proof of concept. free js static CDN

Have fun!

Explanations

In order to make ytdl-core work in the browser, we use two steps:

We browserify the source code
We use proxyquireify to mock miniget and m3u8stream to bypass CORS errors by YouTube.

Usage

Here is an example usage. You can replace /dist/ytdl.js with the path to the library's entry file.

...
<body>
    ...
    <script src="/dist/ytdl.js"></script>
    <script>
        const ytdl = window.require('ytdl-core-browser')({
            proxyUrl: 'https://cors-anywhere.herokuapp.com/',
            // proxyquireStubs: {}, arguments mapped directly to proxyquireify
            // For more info, see https://www.npmjs.com/package/proxyquireify
        });
        ytdl
            .getInfo('https://www.youtube.com/watch?v=WPdbEbwNTcU')
            .then(info=>console.log(info))
            .catch(err=>{throw err;});
    </script>
</body>

Customize

This is the source code of the library:

const proxyquire = require('proxyquireify')(require); 
const realMiniget = require('miniget');
const m3u8stream = require('m3u8stream');
// We import the library so it cached before using proxyquire
const ytdlCore = require('ytdl-core');

interface YtdlBrowserOptions {
    proxyUrl: string; // Ex: 'https://cors-anywhere.herokuapp.com/'
    proxyquireStubs?: any;
}

module.exports = (options: YtdlBrowserOptions) => {
    return proxyquire('ytdl-core', {
        miniget(url, opts){
            return realMiniget(options.proxyUrl + url, opts);
        },
        m3u8stream(url, opts){
            return m3u8stream(options.proxyUrl + url, opts);
        },
        ...(options.proxyquireStubs || {})
    });
};

You are very welcomed to hack the settings (especially with option proxyquireStubs). For instance, if you want to use a custom implementation of the miniget library:

const ytdl = window.require('ytdl-core-browser')({
    proxyUrl: ...
    proxyquireStubs: {
        miniget(url,options){
            // Your custom mock of miniget(...)
        },
        m3u8stream(url, options){
            // Your custom mock of m3u8stream(...)
        }
    }
})

FAQs

What is ytdl-browser?

Is ytdl-browser well maintained?

Package last updated on 21 Dec 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

ytdl-browser

Disclamer

Browser Youtube Downloader

Explanations

Usage

Customize

Related posts

Typosquatting Cryptographic Libraries: Malicious npm Packages Threaten Crypto Developers with Keylogging and Wallet Theft

Weekly Downloads Now Available in npm Package Search Results