Xây Dựng Video Platform: Video Player & Progress Tracking
Build custom React video player với hls.js cho adaptive streaming, quality selection, playback speed controls, resume từ vị trí cuối, và debounced progress saving với sendBeacon.
Tất cả bài viết với thẻ "java"
Build custom React video player với hls.js cho adaptive streaming, quality selection, playback speed controls, resume từ vị trí cuối, và debounced progress saving với sendBeacon.
Thiết lập secure HLS video streaming với Nginx secure_link, signed URL generation trong Spring Boot, CORS headers, và download prevention để bảo vệ video content.
Build async video transcoding pipeline với FFmpeg và Spring Boot, chuyển đổi upload thành multi-resolution HLS stream (360p + 720p), track progress trong Redis, và extract metadata với ffprobe.
Build hệ thống multipart video upload với Spring Boot, bao gồm file validation, disk storage layout có tổ chức, upload progress tracking, và admin UI với drag-and-drop upload và progress bar.
Build admin dashboard Next.js với shadcn/ui component, course editor form dùng react-hook-form và zod validation, section và lesson management panel, và drag-and-drop reorder với dnd-kit.
Thiết kế JPA entity cho course, section và lesson với Flyway migration, xây dựng admin CRUD API với validation, và implement slug generation, sort ordering, và DTO mapping.
Implement JWT authentication với Spring Security, OAuth2 social login Google và GitHub, refresh token rotation, và Next.js auth context với protected route và automatic token refresh.
Setup dự án Spring Boot + Next.js từ đầu với Docker Compose cho PostgreSQL và Redis. Bao gồm scaffolding, cấu trúc thư mục, dev profile, health check endpoint, và hot reload workflow.
Học cách xây dựng nền tảng video course tự host từ đầu với Spring Boot, Next.js, FFmpeg, PostgreSQL, Redis và Stripe. Series 15 bài viết về HLS streaming, subscription và deployment.
Học cách design hệ thống hướng đối tượng maintainable, flexible và scalable. Master CRC cards, GRASP patterns, coupling và cohesion, responsibility-driven design, cùng các design heuristics thực tế với ví dụ TypeScript, Python và Java.