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/',
});
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');
const ytdlCore = require('ytdl-core');
interface YtdlBrowserOptions {
proxyUrl: string;
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){
},
m3u8stream(url, options){
}
}
})