Một video trên trang web thường trông như một tệp duy nhất. Nhưng trong lúc phát, trình duyệt có thể nhận nhiều yêu cầu khác nhau: một playlist, các đoạn video nhỏ, track âm thanh hoặc các biến thể chất lượng. Tìm đúng nguồn media giữa những request đó là vấn đề tôi muốn giải quyết khi xây dựng Stream Katcher.
Stream Katcher là một Chrome extension giúp phát hiện và phân tích media ngay trên trang đang mở. Từ danh sách được phát hiện, người dùng có thể xem nội dung nào có thể tải xuống, hoặc lưu video vào Library để quay lại sau mà chưa cần tải tệp về máy.
Vì sao phát hiện video không chỉ là tìm một URL
Với video trực tiếp như MP4, địa chỉ tệp có thể khá rõ. Các luồng thích ứng như HLS và MPEG-DASH lại chia nội dung thành nhiều phần và dùng manifest để mô tả cách phát. Một trang cũng có thể tải nhiều chất lượng và track âm thanh cùng lúc.
Nếu coi mỗi request là một video riêng, danh sách sẽ nhanh chóng thành một mớ URL và đoạn media khó hiểu. Extension cần nhìn các request trong ngữ cảnh của trang và nhóm những phần liên quan thành một media asset có thể kiểm tra được.
Từ request đến media asset
Trong Stream Katcher, quá trình xử lý được chia thành các bước: thu thập request, chuẩn hóa thông tin, phân loại loại media, liên kết các request có liên quan, rồi phân tích manifest khi cần để dựng thành asset. Cách chia này giúp phần nhận diện media không bị trộn lẫn với giao diện hay API riêng của trình duyệt.
Điều đó cũng tạo ra trải nghiệm thực tế hơn: người dùng có thể xem media được tìm thấy trong một side panel, kiểm tra các lựa chọn sẵn có và quyết định bước tiếp theo. Thay vì bắt đầu bằng việc sao chép URL thủ công, họ bắt đầu từ chính video đang phát trên trang.
Hai lựa chọn sau khi tìm thấy video
Không phải lúc nào cũng cần tải tệp ngay. Có khi bạn muốn giữ video để xem lại sau; lúc khác, bạn cần một bản tải xuống để dùng ngoại tuyến. Stream Katcher tách hai nhu cầu này thành hai luồng:
- Lưu vào Library: giữ lại video cùng thông tin cần thiết để tìm và mở lại sau.
- Tải xuống: tải media được hỗ trợ với các lựa chọn mà nguồn video cung cấp.
Library hữu ích khi việc xem và chọn nội dung quan trọng hơn việc lưu ngay một tệp cục bộ. Còn khi cần bản tải xuống, việc phân tích stream giúp người dùng hiểu những track hoặc lựa chọn nào đang có trước khi bắt đầu.
Phần khó nằm ở các trường hợp không đồng nhất
Các website không phân phối video theo cùng một cách. Có trang dùng tệp trực tiếp; trang khác dùng HLS, MPEG-DASH hoặc media được ghép qua Media Source Extensions. Một extension vì thế phải xử lý nhiều dạng request, đồng thời tránh biến các mảnh stream thành những mục trùng lặp.
Kiến trúc theo từng bước giúp tôi mở rộng và sửa từng phần của quy trình mà không phải đặt toàn bộ logic vào một content script hoặc một component giao diện. Đây là công việc ít thấy trên màn hình, nhưng nó quyết định danh sách media có hữu ích hay chỉ gây nhiễu.
Dùng công cụ có trách nhiệm
Khả năng phát hiện một stream không đồng nghĩa với quyền tải nội dung đó. Hãy chỉ tải hoặc lưu video khi bạn có quyền làm vậy và khi việc đó phù hợp với điều khoản của website. Stream Katcher không nhằm vượt qua DRM hay các biện pháp bảo vệ nội dung.
Stream Katcher tiếp tục được xây dựng quanh một thao tác đơn giản: mở video trên web, xem media mà trình duyệt đang sử dụng, rồi chọn lưu lại hoặc tải xuống nếu nguồn cho phép. Tìm hiểu thêm tại streamkatcher.com.