Thang An Radio

· 1 phút đọc

Cổng phát thanh - truyền hình trực tuyến xã Thăng An, Đà Nẵng

demo

thẻ: radio, streaming, pwa, government, community

công nghệ: React, TypeScript, Vite, Tailwind CSS, Cloudflare Workers

What

Ứng dụng web phát thanh - truyền hình cấp xã, phục vụ 74 kênh radio và TV từ các đài địa phương, khu vực, và quốc gia. Xây dựng bằng React 19, TypeScript, Vite 7. Triển khai trên Cloudflare Workers dưới dạng static site với API endpoint ở edge.

Why

Xã Thăng An, Đà Nẵng cần một kênh phát thanh trực tuyến cho cư dân. Hạ tầng phát thanh hiện tại không có web. Dự án này lấp khoảng trống đó bằng PWA mobile-first, cài đặt và sử dụng như app native.

Notes

  • Phát HLS, Shoutcast, YouTube Live, Vimeo, iframe qua giao diện player thống nhất
  • Cloudflare Worker xử lý CORS proxy cho HLS stream và kiểm tra trạng thái YouTube live
  • PWA hỗ trợ offline, điều khiển lockscreen (MediaSession API), cài đặt về màn hình chính
  • Tính năng: tìm kiếm, phím tắt, hẹn giờ tắt, yêu thích, lịch sử nghe, mini player, chia sẻ URL qua query params
  • HLS.js load từ CDN với type declaration thủ công thay vì npm package
  • 29 kênh truyền hình YouTube Live sắp xếp theo vùng miền Bắc-Nam