BraiNOTES: Ghi chú viết tay trên PDF bài giảng ngay trong trình duyệt, không cần tài khoản

BraiNOTES là ứng dụng mã nguồn mở giúp bạn viết tay ghi chú trực tiếp lên slide bài giảng ngay trong một tab trình duyệt. Toàn bộ dữ liệu lưu cục bộ, không cần tài khoản, không có máy chủ và vẫn hoạt động ngoại tuyến sau lần mở đầu tiên.

Giao diện BraiNOTES trong trình duyệt

Ý tưởng xuất phát từ chính nhu cầu của tác giả

Vào tháng 8, tác giả của BraiNOTES đã chia sẻ trên Hacker News về TeXbrain – một trình soạn thảo LaTeX chạy hoàn toàn trong trình duyệt, không cần tài khoản hay máy chủ. Dự án nhận được nhiều phản hồi, báo lỗi và đóng góp hơn mong đợi.

BraiNOTES ra đời theo đúng tinh thần đó, nhưng dành cho "nửa còn lại" của việc học: ghi chú viết tay. Tác giả sử dụng laptop chuyển đổi (convertible laptop) và gặp nhiều bất tiện với các ứng dụng hiện có – nào là đồng bộ ghi chú giữa thiết bị, xuất PDF, rồi yêu cầu tài khoản. Vì vậy anh tự làm phiên bản mình hằng mong muốn: mở tab, mở slide bài giảng bên cạnh, viết bằng bút cảm ứng, và không có gì rời khỏi trình duyệt.

Không máy chủ, không theo dõi, ưu tiên dữ liệu cục bộ

BraiNOTES là một website tĩnh và không có backend. Cách hoạt động khá thú vị:

• Nét vẽ là các đường viền từ thư viện perfect-freehand, hỗ trợ lực nhấn của bút cảm ứng.
• Tệp PDF được kết xuất bởi pdf.js chạy trong một worker.
• Lưu trữ dùng IndexedDB, tự động ghi lại ngay sau mỗi thay đổi.
• Không tài khoản, không phân tích, hoàn toàn ngoại tuyến và cục bộ.

Bạn có thể xuất sổ ghi chú thành tệp .brainotes – về bản chất là một tệp zip chứa một JSON cho mỗi trang cùng các PDF và hình ảnh đã nhập. Khi xuất PDF, ứng dụng giữ nguyên các trang gốc và chèn lớp mực viết tay dưới dạng vector lên trên, nhờ đó văn bản trong slide vẫn có thể chọn và sao chép được.

Hai chế độ làm việc linh hoạt cho người học

Study mode: PDF mở bên cạnh tab, bạn vừa đọc vừa ghi chú, cắt công thức hay biểu đồ trực tiếp vào ghi chú bằng công cụ snip rồi viết xung quanh.

Board mode: Chỉ có một bảng trắng không viền, phù hợp để dạy kèm hoặc có thêm chỗ làm bài tập, kèm công cụ bút laser để đánh dấu khi thuyết trình.

Nét mực xuất hiện ngay khi bút di chuyển. Bộ lọc one euro giúp làm dịu bàn tay rung khi viết, kèm một bước tinh chỉnh nhẹ khi nhấc bút – chi tiết nhỏ nhưng ảnh hưởng lớn đến trải nghiệm viết.

Bộ tính năng đáng chú ý

• Nhiều loại bút: bút bi, bút máy, bút dạ, bút chì và bút dạ quang, hỗ trợ lực nhấn.
• Sổ ghi chú trên giấy trắng, kẻ ngang, ô ly hoặc chấm bi; bảng trắng không giới hạn.
• Viết trực tiếp lên PDF, hoặc đọc bên cạnh rồi cắt một phần vào ghi chú.
• Hình ảnh, hình khối, văn bản, công cụ lasso, tẩy và bút laser.
• Xuất PDF giữ trang gốc cùng mực dạng vector, hoặc xuất một trang thành PNG.
• Tự động lưu và hoạt động ngoại tuyến sau khi đã mở một lần.

Về công nghệ, ứng dụng dùng Svelte 5 + SvelteKit (static adapter), viết bằng TypeScript, giấy phép MIT. Mã nguồn mở trên GitHub, kèm danh sách các thư viện bên thứ ba và giấy phép tương ứng.

Hướng tới hệ sinh thái công cụ học tập và MCP

Tác giả cũng đang phát triển một trình dựng video và một công cụ hoạt hình, hiện vẫn trong giai đoạn hoàn thiện, cùng trên hồ sơ GitHub. Đáng chú ý hơn, anh đang xây dựng MCP server cho từng công cụ, để người dùng có thể dùng ứng dụng MCP của mình xử lý thêm ghi chú, tự động chỉnh sửa video, v.v.

Tính năng này mặc định sẽ tắt, chỉ bật khi bạn chủ động cho phép và chỉ có thể giao tiếp với localhost – một lựa chọn hợp lý về mặt bảo mật.

Góc nhìn cho người dùng Việt Nam

Với học sinh, sinh viên Việt Nam thường xuyên phải học trực tuyến và ghi chú trên slide PDF, BraiNOTES là lựa chọn đáng thử nhờ ba điểm mạnh: miễn phí, mã nguồn mở, và không cần tài khoản – nghĩa là không lo rò rỉ dữ liệu lên máy chủ nào cả. Vì là website tĩnh chạy cục bộ, ứng dụng cũng không phụ thuộc vào đường truyền sau lần tải đầu tiên.

Bạn có thể dùng thử tại notes.swimmingbrain.dev và xem mã nguồn trên GitHub. Tác giả cho biết đã dùng công cụ này cho mọi buổi giảng trong vài tháng qua, cùng với một vài người bạn, và rất hoan nghênh mọi báo lỗi, sửa lỗi và góp ý.