A TypeScript Version of Youtube Video Metric
If you want to use it in node js without typescript you need to specify "type" : "module" in your package.json
- Description
- Installation 2.1 Server Side 2.2 Client Side 2.3 Setup Proxy 2.4 Setup CDN
- Example 3.1 Download a video 3.1.1 Server Side 3.1.2 Client Side
- License
This repository provides a downloader who will help you to download a youtube video
Run this command to install it
npm i youtube-video-dl
Or import it in your browser
<script type="module">
import Downloader from '../dist/index.mjs';
</script>
You also need to setup a proxy (Hello Cors), but don't worry i provide you a small handler to do it
Create a new file server.js Copy / Paste the following code
import { Server } from 'youtube-video-transcript';
Server.default.listen(8080);
Then run node server.js
All the following exemple will use the file mjs in local assuming that you have run the npm install command but if you don't want to it you can use the following
<script type="module">
import Transcriptor from 'https://cdn.jsdelivr.net/npm/youtube-video-dl/dist/index.mjs';
</script>
But you will need to install a proxy like tiny-cors-proxy to bypass the cors option
You can install this package via npm:
npm install tiny-cors-proxy
Then create a new file server.js and paste the following snipset :
import Server from 'tiny-cors-proxy';
Server.listen(8080);
Then run node server.js
Quickly import and translate the video of your choice !
import Inspector from 'youtube-video-dl';
await Downloader.download('https://www.youtube.com/watch?v=et9gw5xbtoY', '144p', 'toto.mp4')
If you are working directly in your browser (you must setup a proxy server)
<!DOCTYPE html>
<html>
<head>
<title>Download a video</title>
</head>
<body>
<button>Download a video</button>
</body>
<script type="module">
import Downloader from '../dist/index.mjs';
document.querySelector('button').addEventListener('click', () => {
await Downloader.setProxy('http://localhost:8080').download('https://www.youtube.com/watch?v=et9gw5xbtoY');
});
</script>
</html>