Implementing a LinkedIn Video Downloader with yt-dlp in TypeScript

Implementing LinkedIn Video Downloader with yt-dlp in TypeScript

Welcome to the second unit of the course! In the previous unit, you learned how to extract and preview videos from Google Drive, download them with curl, and transcribe them using FFmpeg and OpenAI Whisper . Now we’re extending our capabilities to support LinkedIn video downloads using yt-dlp — a powerful CLI tool for downloading from social platforms.

What You'll Learn

In this unit, you will: Detect and validate different LinkedIn video URL formats. Understand how yt-dlp is wrapped in a service module for clean use in your backend. Use a unified /process-url route to delegate downloads to either Drive or LinkedIn services. Preview LinkedIn video content and load it into a native player, ready for future transcription.

Recognizing LinkedIn Video URLs

LinkedIn videos often follow these formats: Post-based: https://www.linkedin.com/posts/USERNAME_activity-VIDEO_ID Feed-based: https://www.linkedin.com/feed/update/urn:li:activity:VIDEO_ID To identify these, we use the following function in public/app.js: JavaScriptfunction getLinkedInPostId(url) { const patterns = [ /activity-(\d+)/, // Matches /posts/..._activity-123456 /urn:li:activity:(\d+)/, // Matches urn:li:activity:123456 /urn:li:ugcPost:(\d+)/ // Matches urn:li:ugcPost:123456 ]; for (const pattern of patterns) { const match = url.match(pattern); if (match) return match[1]; } return null; }function getLinkedInPostId(url) { const patterns = [ /activity-(\d+)/, // Matches /posts/..._activity-123456 /urn:li:activity:(\d+)/, // Matches urn:li:activity:123456 /urn:li:ugcPost:(\d+)/ // Matches urn:li:ugcPost:123456 ]; for (const pattern of patterns) { const match = url.match(pattern); if (match) return match[1]; } return null; } This function iterates through known LinkedIn post ID patterns and extracts the first valid match. It enables reliable detection of various LinkedIn video link structures.

Previewing LinkedIn Videos in the Browser

We embed the video for preview using an iframe: TypeScriptfunction embedLinkedInPost(postId) { previewFrame.innerHTML = \` <div class="video-wrapper"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:\${postId}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen> </iframe> </div> \`; }function embedLinkedInPost(postId) { previewFrame.innerHTML = \` <div class="video-wrapper"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:\${postId}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen> </iframe> </div> \`; } This function constructs an iframe URL using the extracted postId. The embedded player helps users verify that they’ve pasted a valid video URL before initiating a download. Note: LinkedIn does not allow iframe embedding for all posts. Previews will only work for public or embed-enabled posts. Private posts or content shared by other users may not render in the iframe due to LinkedIn's content restrictions. If the preview frame remains blank, the video might still be downloadable using yt-dlp, even if it's not viewable in the browser.

Join the 1M+ learners on CodeSignal

Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal

JavaScript

function getLinkedInPostId(url) {
  const patterns = [
    /activity-(\d+)/, // Matches /posts/..._activity-123456
    /urn:li:activity:(\d+)/, // Matches urn:li:activity:123456
    /urn:li:ugcPost:(\d+)/ // Matches urn:li:ugcPost:123456
  ];
  for (const pattern of patterns) {
    const match = url.match(pattern);
    if (match) return match[1];
  }
  return null;
}

TypeScript

function embedLinkedInPost(postId) {
  previewFrame.innerHTML = \`
    <div class="video-wrapper">
      <iframe
        src="https://www.linkedin.com/embed/feed/update/urn:li:activity:\${postId}"
        frameborder="0"
        allow="autoplay; encrypted-media"
        allowfullscreen>
      </iframe>
    </div>
  \`;
}

TypeScript

import { downloadGoogleDriveVideo } from '../services/googleDriveService';
import { downloadLinkedInVideo } from '../services/linkedinService';

router.post('/', async (req, res) => {
  const { url } = req.body;
  if (!url) {
    return res.status(400).json({ error: 'Please provide a URL' });
  }

  try {
    let result;
    if (url.includes('linkedin.com')) {
      result = await downloadLinkedInVideo(url);
    } else if (url.includes('drive.google.com')) {
      result = await downloadGoogleDriveVideo(url);
    } else {
      return res.status(400).json({ error: 'Unsupported URL. Only LinkedIn and Google Drive URLs are supported.' });
    }

    res.json(result);
  } catch (err) {
    res.status(500).json({ error: err.message || 'Failed to download video' });
  }
});

import { downloadGoogleDriveVideo } from '../services/googleDriveService';
import { downloadLinkedInVideo } from '../services/linkedinService';

router.post('/', async (req, res) => {
  const { url } = req.body;
  if (!url) {
    return res.status(400).json({ error: 'Please provide a URL' });
  }

  try {
    let result;
    if (url.includes('linkedin.com')) {
      result = await downloadLinkedInVideo(url);
    } else if (url.includes('drive.google.com')) {
      result = await downloadGoogleDriveVideo(url);
    } else {
      return res.status(400).json({ error: 'Unsupported URL. Only LinkedIn and Google Drive URLs are supported.' });
    }

    res.json(result);
  } catch (err) {
    res.status(500).json({ error: err.message || 'Failed to download video' });
  }
});

TypeScript

import fs from 'fs';
import path from 'path';
import { exec } from 'child_process';
import { randomUUID } from 'crypto';

export function downloadLinkedInVideo(
  url: string
): Promise<{ filename: string; duration: number }> {
  return new Promise((resolve, reject) => {
    // Ensure the downloads directory exists
    const downloadDir = path.join(process.cwd(), 'downloads');
    if (!fs.existsSync(downloadDir)) {
      fs.mkdirSync(downloadDir, { recursive: true });
    }

    // Generate a unique filename and resolve the output path
    const fileId = randomUUID();
    const fileName = `${fileId}.mp4`;
    const filePath = path.join(downloadDir, fileName);

    // Resolve the path to the yt-dlp binary
    const ytDlpPath = path.join(process.cwd(), 'bin', 'yt-dlp');

    // Construct the yt-dlp command for downloading as mp4
    const ytdlpCmd =
      `"${ytDlpPath}" -f mp4 -o "${filePath}" "${url}" --quiet --no-warnings`;

    // Execute yt-dlp to download the video
    exec(ytdlpCmd, (downloadErr) => {
      if (downloadErr) {
        return reject(downloadErr);
      }

      // Once downloaded, probe the video to get its duration
      const probeCmd =
        `ffprobe -v error -select_streams v:0 -show_entries format=duration ` +
        `-of default=noprint_wrappers=1:nokey=1 "${filePath}"`;

      exec(probeCmd, (probeErr, stdout) => {
        if (probeErr) {
          return reject(probeErr);
        }

        const duration = parseFloat(stdout) || 0;
        resolve({ filename: fileName, duration });
      });
    });
  });
}

TypeScript

import { downloadGoogleDriveVideo } from '../services/googleDriveService';
import { downloadLinkedInVideo } from '../services/linkedinService';

router.post('/', async (req, res) => {
  const { url } = req.body;
  if (!url) {
    return res.status(400).json({ error: 'Please provide a URL' });
  }

  try {
    let result;
    if (url.includes('linkedin.com')) {
      result = await downloadLinkedInVideo(url);
    } else if (url.includes('drive.google.com')) {
      result = await downloadGoogleDriveVideo(url);
    } else {
      return res.status(400).json({ error: 'Unsupported URL. Only LinkedIn and Google Drive URLs are supported.' });
    }

    res.json(result);
  } catch (err) {
    res.status(500).json({ error: err.message || 'Failed to download video' });
  }
});

TypeScript

import fs from 'fs';
import path from 'path';
import { exec } from 'child_process';
import { randomUUID } from 'crypto';

export function downloadLinkedInVideo(
  url: string
): Promise<{ filename: string; duration: number }> {
  return new Promise((resolve, reject) => {
    // Ensure the downloads directory exists
    const downloadDir = path.join(process.cwd(), 'downloads');
    if (!fs.existsSync(downloadDir)) {
      fs.mkdirSync(downloadDir, { recursive: true });
    }

    // Generate a unique filename and resolve the output path
    const fileId = randomUUID();
    const fileName = `${fileId}.mp4`;
    const filePath = path.join(downloadDir, fileName);

    // Resolve the path to the yt-dlp binary
    const ytDlpPath = path.join(process.cwd(), 'bin', 'yt-dlp');

    // Construct the yt-dlp command for downloading as mp4
    const ytdlpCmd =
      `"${ytDlpPath}" -f mp4 -o "${filePath}" "${url}" --quiet --no-warnings`;

    // Execute yt-dlp to download the video
    exec(ytdlpCmd, (downloadErr) => {
      if (downloadErr) {
        return reject(downloadErr);
      }

      // Once downloaded, probe the video to get its duration
      const probeCmd =
        `ffprobe -v error -select_streams v:0 -show_entries format=duration ` +
        `-of default=noprint_wrappers=1:nokey=1 "${filePath}"`;

      exec(probeCmd, (probeErr, stdout) => {
        if (probeErr) {
          return reject(probeErr);
        }

        const duration = parseFloat(stdout) || 0;
        resolve({ filename: fileName, duration });
      });
    });
  });
}

Implementing LinkedIn Video Downloader with yt-dlp in TypeScript

What You'll Learn

Recognizing LinkedIn Video URLs

Previewing LinkedIn Videos in the Browser

Join the 1M+ learners on CodeSignal

A Unified Route: /process-url

Wrapping yt-dlp with downloadLinkedInVideo

Summary