Source Code Web Truyện Chữ V20 - Laravel, TTS, FFmpeg, VIP & Dark Mode

TruyệnV20 là nền tảng quản lý, đọc và nghe truyện chữ được xây dựng trên Laravel + Tailwind CSS.

Khác với các source web truyện cơ bản chỉ hiển thị nội dung chương, TruyệnV20 được xây dựng theo hướng một Novel Platform hoàn chỉnh, kết hợp hệ thống quản lý truyện, tài khoản độc giả, hội viên VIP và khả năng chuyển nội dung chương thành audio TTS.

Hệ thống sử dụng FFmpeg để xử lý audio và có thể tạo playlist HLS M3U8, giúp người dùng vừa đọc vừa nghe truyện trực tiếp trên website.

====================

🔹 HỆ THỐNG TRUYỆN

✔ Quản lý truyện

✔ Quản lý chương

✔ Quản lý tác giả

✔ Quản lý thể loại

✔ Quản lý Tags

✔ Ảnh bìa truyện

✔ Mô tả truyện

✔ Trạng thái truyện

✔ Truyện đang ra

✔ Truyện hoàn thành

✔ Chương mới nhất

✔ Tổng lượt đọc

✔ Tổng lượt theo dõi

✔ Tổng lượt đề cử

✔ Đánh dấu truyện nổi bật

✔ Quản lý trạng thái xuất bản

====================

🔹 TRANG CHI TIẾT TRUYỆN

Trang truyện hiển thị đầy đủ:

• Ảnh bìa
• Tên truyện
• Tác giả
• Thể loại
• Trạng thái
• Lượt đọc
• Số chương
• Số đề cử
• Mô tả
• Chương mới nhất

Người dùng có thể:

✔ Đọc từ đầu

✔ Đọc tiếp

✔ Thêm vào kệ

✔ Theo dõi truyện

✔ Đề cử truyện

✔ Xem danh sách chương

✔ Bình luận

====================

🔹 ADVANCED READER

TruyệnV20 sử dụng giao diện Reader riêng tập trung hoàn toàn vào trải nghiệm đọc.

✔ Layout đọc tối giản

✔ Hiển thị tên chương

✔ Hiển thị tác giả

✔ Đếm số chữ

✔ Chương trước / chương sau

✔ Mục lục nhanh

✔ Sticky navigation

✔ Điều chỉnh cỡ chữ

✔ Điều chỉnh font

✔ Điều chỉnh line-height

✔ Điều chỉnh chiều rộng nội dung

✔ Thay đổi màu nền

✔ Lưu cài đặt đọc

Reader được thiết kế riêng để hạn chế các thành phần không cần thiết gây mất tập trung khi đọc.

====================

🔹 DARK MODE & LIGHT MODE

Hỗ trợ đầy đủ:

☀️ Light Mode

🌙 Dark Mode

Reader có thể sử dụng nhiều kiểu nền:

• Trắng
• Kem
• Xám
• Dark
• AMOLED

Theme được lưu lại để lần sau người dùng không phải cấu hình lại.

====================

🔹 TTS – TEXT TO SPEECH

Một trong những tính năng chính của TruyệnV20 là khả năng chuyển nội dung chương thành giọng đọc.

Quy trình:

Nội dung chương

↓

Làm sạch HTML

↓

Chuẩn hóa văn bản

↓

Chia nội dung

↓

TTS Engine

↓

Audio

↓

FFmpeg

↓

HLS M3U8

↓

Audio Player

Nhờ đó cùng một nội dung có thể phục vụ cả:

📖 Người muốn đọc truyện

và

🎧 Người muốn nghe truyện.

====================

🔹 TTS TIẾNG VIỆT

Hệ thống hỗ trợ cấu hình nhiều giọng đọc.

Ví dụ:

✔ Giọng nữ

✔ Giọng nam

✔ Hoài My

✔ Các voice TTS khác tùy engine

Có thể cấu hình tốc độ:

• 0.8x
• 0.9x
• 1.0x
• 1.1x
• 1.2x

Kiến trúc được thiết kế để có thể mở rộng thêm nhiều TTS Provider.

====================

🔹 TẠO TTS HÀNG LOẠT

Admin không cần mở từng chương để tạo audio.

Trong danh sách chương:

☑ Chương 1

☑ Chương 2

☑ Chương 3

☑ Chương 4

Sau đó chọn:

Tạo TTS M3U8

Popup cho phép:

✔ Chọn giọng đọc

✔ Chọn tốc độ

✔ Kiểm tra chương đã có audio

✔ Kiểm tra chương chưa có audio

✔ Gửi hàng loạt vào Queue

✔ Theo dõi trạng thái xử lý

====================

🔹 FFMPEG AUDIO PROCESSING

FFmpeg được sử dụng để xử lý file audio sau khi TTS hoàn thành.

✔ Chuẩn hóa audio

✔ Ghép audio segment

✔ Encode audio

✔ Tạo HLS

✔ Tạo M3U8

✔ Tạo segment

✔ Chuẩn hóa bitrate

Output có thể dạng:

chapter-1/

├── index.m3u8

├── segment000.ts

├── segment001.ts

├── segment002.ts

└── segment003.ts

Website chỉ cần phát playlist:

/storage/tts/story/chapter-1/index.m3u8

====================

🔹 AUDIO PLAYER

Reader tích hợp trình nghe truyện.

✔ Play / Pause

✔ Seek

✔ Volume

✔ Playback Speed

✔ Previous Chapter

✔ Next Chapter

✔ Hiển thị thời lượng

✔ Tiếp tục vị trí đang nghe

✔ Tự động chuyển chương

Các tốc độ nghe có thể hỗ trợ:

0.75x / 1x / 1.25x / 1.5x / 2x

====================

🔹 CHƯƠNG VIP

Admin có thể thiết lập riêng từng chương:

🟢 Miễn phí

hoặc

👑 VIP

Chương miễn phí:

Tất cả người dùng đều có thể đọc.

Chương VIP:

Chỉ hội viên VIP hợp lệ mới được truy cập.

Nếu chưa có VIP, Reader hiển thị màn hình khóa và yêu cầu:

👑 Nâng cấp VIP để tiếp tục đọc chương này.

====================

🔹 BẢO VỆ AUDIO VIP

Quyền VIP không chỉ áp dụng cho văn bản.

Nếu chương là VIP:

✔ Nội dung chương được bảo vệ

✔ Audio được bảo vệ

✔ Endpoint phát audio kiểm tra quyền

✔ Không cho user thường bypass Reader để nghe audio VIP

Do đó có thể sử dụng TruyệnV20 cho mô hình nội dung trả phí.

====================

🔹 GÓI HỘI VIÊN VIP

Admin có thể tạo nhiều package.

Ví dụ:

VIP 30 NGÀY

✔ Đọc chương VIP

✔ Nghe chương VIP

✔ Thời hạn 30 ngày

VIP 90 NGÀY

✔ Toàn bộ quyền VIP

✔ Thời hạn 90 ngày

✔ Giá ưu đãi

VIP 365 NGÀY

✔ Truy cập nội dung VIP dài hạn

✔ Đọc + nghe truyện

Mỗi package quản lý:

• Tên gói
• Giá
• Thời hạn
• Mô tả
• Quyền lợi
• Trạng thái

====================

🔹 QUẢN LÝ HỘI VIÊN

CMS quản lý:

✔ User thường

✔ User VIP

✔ Gói đang sử dụng

✔ Ngày kích hoạt

✔ Ngày hết hạn

✔ Lịch sử đăng ký

✔ Đơn đăng ký

✔ Trạng thái thanh toán

✔ Doanh thu

Admin có thể:

• Kích hoạt VIP
• Gia hạn VIP
• Hủy VIP
• Thay đổi gói

====================

🔹 USER SYSTEM

Người dùng có tài khoản riêng.

✔ Đăng ký

✔ Đăng nhập

✔ Avatar

✔ Profile

✔ Lịch sử đọc

✔ Truyện đang theo dõi

✔ Truyện đã thêm vào kệ

✔ Thông tin VIP

✔ Lịch sử giao dịch

✔ Cài đặt Reader

====================

🔹 READING HISTORY

Hệ thống tự động ghi lại:

✔ Truyện đang đọc

✔ Chương gần nhất

✔ Thời gian đọc

✔ Reading Progress

Khi quay lại truyện có thể hiển thị:

Tiếp tục Chương 53

Giúp người dùng không phải tìm lại vị trí đọc.

====================

🔹 THEO DÕI TRUYỆN

Người dùng có thể:

🔖 Thêm vào kệ

Hệ thống lưu danh sách truyện đang theo dõi.

Khi truyện cập nhật chương mới, hệ thống có thể xác định những user đang follow để phục vụ notification.

====================

🔹 HỆ THỐNG ĐỀ CỬ

User có thể:

⭐ Đề cử

Mỗi truyện lưu số lượt đề cử.

Dữ liệu được sử dụng để xây dựng:

TOP ĐỀ CỬ

và khu vực:

BIÊN TẬP VIÊN ĐỀ CỬ

====================

🔹 BẢNG XẾP HẠNG

Trang chủ có hệ thống Ranking.

🏆 TOP ĐỀ CỬ

Xếp theo lượt đề cử.

❤️ TOP THEO DÕI

Xếp theo lượng follower.

👁 TOP LƯỢT ĐỌC

Xếp theo tổng lượt đọc.

Top 1 / 2 / 3 có thiết kế nổi bật riêng.

====================

🔹 BIÊN TẬP VIÊN ĐỀ CỬ

Khu vực carousel nổi bật trên trang chủ.

Hiển thị:

✔ Ranking

✔ Cover

✔ Tên truyện

✔ Tác giả

✔ Thể loại

✔ Mô tả

✔ Badge đề cử

✔ Nút đọc truyện

Có điều hướng Previous / Next.

====================

🔹 BÌNH LUẬN

Hệ thống bình luận tích hợp trực tiếp vào truyện.

✔ Comment

✔ Reply

✔ Quản lý comment

✔ Xóa comment

✔ Ẩn comment

✔ Moderator

Có thể mở rộng comment riêng cho từng chương.

====================

🔹 SEARCH & FILTER

Search hỗ trợ:

✔ Tên truyện

✔ Tác giả

✔ Tên khác

✔ Tags

✔ Thể loại

Danh sách truyện có thể lọc:

• Mới cập nhật
• Hoàn thành
• Đang ra
• VIP
• Miễn phí
• Lượt đọc
• Theo dõi
• Đề cử

====================

🔹 CMS ADMIN

TruyệnV20 có CMS quản trị riêng.

Dashboard hiển thị:

📚 Truyện trong kho

👁 Tổng lượt đọc

📄 Chương đã xuất bản

👥 Người dùng

👑 Hội viên hiệu lực

💰 Doanh thu đã duyệt

====================

🔹 DASHBOARD CẦN XỬ LÝ

Admin được cảnh báo những vấn đề cần xử lý.

Ví dụ:

⚠️ Truyện chưa có ảnh bìa

⚠️ Chương TTS lỗi

⚠️ TTS đang chờ

⚠️ Đơn VIP đang chờ

⚠️ Nội dung chưa xuất bản

⚠️ Comment bị report

====================

🔹 QUẢN LÝ TRUYỆN

Admin CRUD đầy đủ:

✔ Tên truyện

✔ Slug

✔ Tên khác

✔ Cover

✔ Description

✔ Author

✔ Category

✔ Tags

✔ Status

✔ Featured

✔ Recommended

✔ Published / Draft

====================

🔹 QUẢN LÝ CHƯƠNG

Admin có thể:

✔ Thêm chương

✔ Sửa chương

✔ Xóa chương

✔ Publish

✔ Draft

✔ Set Free

✔ Set VIP

✔ Generate TTS

✔ Generate TTS hàng loạt

Danh sách hiển thị:

• Truyện
• Chương
• Tiêu đề
• URL
• VIP/Public
• Số từ
• Audio
• TTS Status
• Ngày tạo

====================

🔹 TTS QUEUE JOBS

Các tác vụ TTS/FFmpeg không chạy trực tiếp trong request.

Sử dụng:

Laravel Queue + Redis

Flow:

Admin yêu cầu TTS

→ Queue Job

→ TTS Provider

→ FFmpeg

→ Generate HLS

→ Storage

→ Database

Các trạng thái:

🟡 Waiting

🔵 Processing

🟢 Completed

🔴 Failed

Có:

✔ Retry

✔ Attempts

✔ Error log

✔ Progress

====================

🔹 ROLE & PERMISSION

Hệ thống phân quyền CMS.

Super Admin

Toàn quyền.

Admin

Quản trị website.

Editor

Quản lý truyện, chương và TTS.

Moderator

Quản lý user/comment.

Permission có thể chia nhỏ:

stories.view

stories.create

stories.update

stories.delete

chapters.view

chapters.create

chapters.update

chapters.delete

tts.generate

users.view

users.update

memberships.manage

payments.manage

====================

🔹 MEDIA LIBRARY

Admin có thư viện ảnh riêng.

✔ Upload ảnh

✔ Quản lý ảnh

✔ Search

✔ Delete

✔ Copy URL

✔ Chọn ảnh bìa

✔ Thumbnail

====================

🔹 SEO

Hỗ trợ SEO cho:

✔ Trang chủ

✔ Truyện

✔ Chương

✔ Tác giả

✔ Thể loại

✔ Tags

Mỗi truyện hỗ trợ:

• SEO Title
• Meta Description
• Meta Keywords
• Canonical
• OG Image

URL thân thiện:

/truyen/nguoi-gac-sao-cuoi-cung

/truyen/nguoi-gac-sao-cuoi-cung/chuong-1-khoi-hanh

====================

🔹 SITEMAP XML

Tự động tạo:

/sitemap.xml

/sitemap-stories.xml

/sitemap-chapters.xml

/sitemap-categories.xml

/sitemap-authors.xml

Có thể tự chia sitemap chương khi website có số lượng chương lớn.

====================

🔹 REDIS CACHE

Redis được sử dụng cache các dữ liệu truy cập nhiều:

✔ Trang chủ

✔ Ranking

✔ Truyện nổi bật

✔ Chi tiết truyện

✔ Danh sách chương

✔ Thể loại

✔ Metadata

Giúp giảm query MySQL khi website có traffic lớn.

====================

🔹 RESPONSIVE

Tối ưu đầy đủ:

💻 Desktop

📱 Mobile

📟 Tablet

Trên Mobile:

✔ Reader full width

✔ Font dễ đọc

✔ Navigation tối giản

✔ Reader toolbar tối ưu lại

✔ Audio Player responsive

✔ Card truyện tự động thay đổi layout

====================

🔹 SECURITY

✔ Laravel CSRF

✔ Validation

✔ Authorization

✔ Role Permission

✔ Rate Limiting

✔ XSS Protection

✔ Kiểm tra quyền chương VIP

✔ Kiểm tra quyền Audio VIP

✔ Bảo vệ Admin Route

✔ Không expose nội dung VIP trực tiếp

====================

🔹 TỐI ƯU HỆ THỐNG

✔ Redis Cache

✔ Redis Queue

✔ Background Jobs

✔ FFmpeg Processing

✔ Lazy Loading

✔ Database Index

✔ Pagination

✔ Eager Loading

✔ Batch TTS

✔ Auto Retry

✔ Cache Invalidation

====================

🔹 PHÙ HỢP CHO

✔ Website truyện chữ

✔ Website tiểu thuyết

✔ Website dịch truyện

✔ Web novel

✔ Light Novel

✔ Truyện convert

✔ Website nghe truyện

✔ Audiobook Platform

✔ Website nội dung VIP

✔ Membership Website

✔ Website truyện thương mại

====================

🔹 ƯU ĐIỂM

🔥 Đọc + nghe truyện trong cùng một hệ thống

🔥 TTS tự động từ nội dung chương

🔥 FFmpeg xử lý audio

🔥 HLS M3U8 cho nghe truyện

🔥 Tạo TTS hàng loạt

🔥 Queue xử lý nền

🔥 Chương VIP

🔥 Gói hội viên VIP

🔥 Dark Mode / Light Mode

🔥 Advanced Reader

🔥 Lịch sử đọc

🔥 Theo dõi & đề cử

🔥 Ranking

🔥 CMS quản trị riêng

🔥 Role & Permission

🔥 SEO + Sitemap

🔥 Production Ready

====================

🔹 CAM KẾT

✔ Full Source Code

✔ Bảo hành source code trọn đời đối với lỗi thuộc source

✔ Hỗ trợ cài đặt

✔ Hỗ trợ cấu hình môi trường

✔ Hỗ trợ FFmpeg

✔ Hỗ trợ Queue / Redis

✔ Hỗ trợ triển khai production