Get Started
In order to get started with this application you need to install these dependencies for your web app
npm i express
npm i nodemon
npm i get-youtube-id
npm i youtube-tags
These are the four packages which are required in this project. Install this packages after executing the command
npm init -y
to make the package.json file
Now build the index.js file and copy paste the following code shown below
index.js
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
const express = require('express') const youtubeTags = require('youtube-tags') const fs = require('fs') const bodyParser = require('body-parser') var getYouTubeID = require('get-youtube-id'); const app = express() app.use(bodyParser.json()) app.use(bodyParser.urlencoded({extended:false})) const PORT = 4000 app.get('/',(req,res) => { res.sendFile(__dirname + "/index.html") }) app.post('/tagfinder',async (req,res) => { // extract the video id var url = req.body.url var id = getYouTubeID(url); console.log(id) // get the tags of the youtube video var tags = await youtubeTags.getYoutubeTags(id) var content tags.forEach(tag => { console.log(tag) content += tag }); fs.writeFileSync("file.txt",content,(err) => { if(err) throw err }) }) app.listen(PORT,() => { console.log(`App is listening on Port ${PORT}`) }) |
Now make the html file so that user can see the interface where he can interact with the application.
index.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<!DOCTYPE html> <html> <head> <title>Youtube Video Tag Finder</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" /> </head> <body> <div class="container"> <h1 class="text-center"> Youtube Tag Finder </h1> <form action="/tagfinder" method="post"> <div class="form-group"> <label for="url">Youtube URL</label> <input type="text" name="url" required placeholder="Youtube URL" class="form-control"> </div> <div class="form-group"> <button class="btn btn-danger btn-block"> Get Tags </button> </div> </form> </div> </body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </html> |
