import Hls from "hls.js";
import { useEffect, useRef } from "react";

const VideoPlayer = () => {
  const videoRef = useRef(null);

  useEffect(() => {
    if (Hls.isSupported()) {
      const hls = new Hls();
      hls.loadSource('/path/to/stream.m3u8');
      hls.attachMedia(videoRef.current);
    }
  }, []);

  return <video ref={videoRef} controls />;
};

export default VideoPlayer;

ffmpeg -i input.mp4 -hls_time 10 -hls_key_info_file key_info_file output.m3u8

export default async function handler(req, res) {
  const { token } = req.headers;

  if (token === "valid-user-token") {
    // Đường dẫn file video thực tế (ẩn với người dùng)
    const videoPath = "/path/to/video.mp4";
    res.sendFile(videoPath);
  } else {
    res.status(403).send("Access Denied");
  }
}

Kết hợp với các kỹ thuật bổ sung:

• Thiết lập thời gian hiệu lực cho token (JWT).
• Giới hạn truy cập video bằng IP hoặc session.

d. Chặn IDM Bằng Header HTTP

IDM nhận diện và bắt link tải xuống thông qua các header HTTP. Bạn có thể ngăn IDM tải video bằng cách cấu hình header của file video.

Cấu hình header trên server:

export default function handler(req, res) {
  res.setHeader("Content-Disposition", "inline"); // Không tải xuống trực tiếp
  res.setHeader("Cache-Control", "no-store"); // Tránh cache
  res.setHeader("Content-Type", "video/mp4");
  res.sendFile("/path/to/video.mp4");
}

ợi ích:

• Ngăn trình duyệt cache video, giảm nguy cơ bị tải xuống.
• Làm khó IDM và các tiện ích tải video.

e. Thêm Watermark (Dấu Bản Quyền) Trên Video

Dù không trực tiếp ngăn tải xuống, watermark làm giảm giá trị của video nếu bị sao chép. Bạn có thể thêm watermark tĩnh hoặc động (tùy biến theo thông tin người dùng).

Ví dụ watermark động với ffmpeg:

ffmpeg -i input.mp4 -vf "drawtext=text='User: JohnDoe':x=10:y=H-th-10:fontsize=24:fontcolor=white" output.mp4

f. Tắt Chuột Phải Và DevTools

Dù không ngăn được IDM, việc tắt chuột phải và DevTools sẽ làm giảm khả năng người dùng thông thường sao chép URL video.

useEffect(() => {
  const disableInspect = (e) => {
    if (e.key === "F12" || (e.ctrlKey && e.shiftKey && e.key === "I")) {
      e.preventDefault();
    }
  };

  document.addEventListener("contextmenu", (e) => e.preventDefault());
  document.addEventListener("keydown", disableInspect);

  return () => {
    document.removeEventListener("contextmenu", (e) => e.preventDefault());
    document.removeEventListener("keydown", disableInspect);
  };
}, []);

3. Kết Hợp Các Phương Pháp Để Tăng Bảo Mật

Để đạt hiệu quả tối đa, bạn nên kết hợp nhiều giải pháp:

• Sử dụng HLS/DASH với mã hóa AES-128.
• Ẩn URL video thực sự bằng proxy.
• Thêm watermark tùy biến.
• Cấu hình header HTTP để ngăn IDM.

4. Lời Kết

Chống IDM và các tiện ích bắt link tải video là một nhiệm vụ không dễ dàng, nhưng việc áp dụng các biện pháp bảo mật phù hợp sẽ giảm đáng kể nguy cơ mất cắp nội dung. Hãy triển khai những phương pháp này ngay hôm nay để bảo vệ tài sản kỹ thuật số của bạn!