Bài đăng

Làm thế nào mà trang web có thể phát video

Hình ảnh
Làm thế nào mà trang web có thể phát video. Bài viết này được dịch và biên soạn lại từ bài viết gốc: https://medium.com/canal-tech/how-video-streaming-works-on-the-web-an-introduction-7919739f7e1 . Chú ý: Bài viết này giới thiệu về công nghệ video stream trong Javascript và đối tượng hướng đến là các nhà phát triển web. Phần lớn ví dụ trong bài này là mã HTML và Javascript ES6. Nếu bạn không quen thuộc với chúng thì có lẽ sẽ khó khăn cho bạn khi gặp các ví dụ về code. Xin lỗi về điều này. Sự cần thiết về một API trình duyệt hỗ trợ chơi video. Từ đầu những 2000, việc xem video trên trình duyệt hầu hết đều phải dựa vào các flash plugin . Bởi vì, tại thời điểm đó, chả có cách nào phát video trên trình duyệt cả. Lúc này bạn có 2 lựa chọn, 1 là cài các plugin của bên thứ 3 như là flash hoặc Silverlight hoặc 2 bạn không thể phát mọi video được. Để lấp đầy lỗ hổng này, WHATWG bắt đầu làm việc với phiên bản mới của chuẩn HTML, bao gồm nhiều thứ trong đó có cho phép chơi video và au...

HTTP(S) proxy server hoạt động như thế nào ?

Hình ảnh
HTTP(S) proxy server hoạt động như thế nào ? Phụ lục Giao thức HTTP. Giao thức HTTPS. HTTP(S) proxy server hoạt động như thế nào ? Một số vấn đề gặp phải khi dùng HTTP(S) proxy server như Fiddler, Burpsuite. Mã nguồn proxy server tham khảo. 1. Giao thức HTTP. HTTP (Hyper Text Transfer Protocol - Giao thức truyền tải siêu văn bản) là một giao thức của mạng Internet, được dùng để trao đổi thông tin giữa máy cung cấp dịch vụ web (web server) và máy sử dụng dịch vụ web (web client) trong mô hình mạng Client/Server dùng cho WWW (World Wide Web). HTTP là giao thức thuộc tầng ứng dụng (Application Layer), nằm trên tầng giao vận (Transport Layer) và tầng mạng (Network Layer). Vậy để HTTP hoạt động thì cần gì ? HTTP thuộc mô hình TCP/IP, mô hình này hoạt động theo tầng, vì vậy để xử lý dữ liệu của HTTP, thì ta phải thỏa mãn các điều kiện của các giao thức ở tầng dưới nó thì mới có thể hoạt động được, cụ thể ở đây ta phải thỏa mãn TCP và IP (không xem xét các giao thức bên dưới...

Thay đổi nội dung http response với Fiddler

Hình ảnh
Thay đổi nội dung http response với Fiddler. Để dễ hiểu thì có ví dụ như như hình dưới: Vậy để làm như trên thì ta phải làm như thế nào ? Đầu tiên, chuyển qua thẻ AutoResponder , tích vào 2 ô Enable rules và Unmatched requests passthrough . Bước 1: Chọn URL cần thay đổi http response, bấm nút Add Rule . Trong ô đầu tiên của Rule Editor bạn thay đổi cho phù hợp để khớp với URL, có hỗ trợ cả regex nữa. Bước 2: Click vào ô thứ 2 của Rule Editor , bạn sẽ thấy nhiều tùy chọn mẫu có sẵn. Ngoài ra bạn cũng có thể chỉ định tập tin mà bạn muốn, chọn dòng Find a file... , sau đó chọn tập tin mà bạn muốn. Bước 3: Sau tất cả bạn chọn nút Test... để kiểm tra có khớp với URL mà bạn chọn hay không, nếu màu xanh là OK, màu đỏ là sai rồi nhá. Rồi bấm nút Save là xong. Mục đích: Bạn đang debug một tập tin js trong tab Sources của dev tool chrome . Nhưng thông thường tập tin này sẽ bị lượt bớt/nén (minify/compress), tuy chrome có tính năng làm đẹp code nhưng nếu code lớn thì bạn chắc...

Chống lại việc chống debug javascript trên Chrome

Hình ảnh
Chống lại việc chống debug javascript trên Chrome Trên chrome cài đặt Tampermokey extension tại link . Tại Tampermokey chọn Create a new script... . Sao chép mã javascript tại đây vào Tampermokey hoặc bạn cũng có thể google: " Anti Anti-debugger javascript " nhưng bạn phải thêm dòng // @include * Gõ CTRL+S để lưu lại. Ta được: Vậy là xong.

Rclone với google drive và nâng cao

Hình ảnh
Rclone với google drive và nâng cao. Phụ lục I. Giới thiệu. II. Rclone với google drive. Dùng Google App mặc định. Tự tạo Google App. Một vài lệnh tham khảo. III. Nâng cao Biên tập tập tin cấu hình (rclone.conf) của rclone. Tạo một http server bằng rclone. Biến google drive thành một ổ đĩa trên windows (GNU/Linux để sau he he). Mã hóa tập tin và thư mục. IV. Một vài mẹo. I. Giới thiệu Rclone là một chương trình dòng lệnh dùng cho việc đồng bộ tập tin và thư mục với các dịch vụ lưu trữ trực tuyến. Ngoài ra còn nhiều tính năng thú vị khác nữa. Trang chủ rclone: https://rclone.org/ Rclone được viết hầu hết bằng ngôn ngữ golang. II. Rclone với google drive 1. Dùng Google App mặc định. Bước 1: Chạy lệnh: rclone config Bước 2: Để tạo một remote mới ta chọn n và đặt tên cho nó No remotes found - make a new one n) New remote r) Rename remote c) Copy remote s) Set configuration password q) Quit config n/r/c/s/q> n name> tên remote mới Bước 3: Xem số và chọn s...