Texnologiya

Sadə dillə

Dueli brauzerdə Cloudflare-in qlobal şəbəkəsində işləyir. İki rəqib öz cihazları arasında canlı video zəngdə görüşür (WebRTC peer-to-peer); şəbəkə birbaşa yolu bloklayanda TURN releyi qoşulmanı kömək edir.

Yarış zamanı brauzer hər iki kamera axınını bir şəkildə birləşdirir və onu qısa 5 saniyəlik hissələrlə yazır. Hissələr hazırlandıqca yüklənir, ardıcıllıqla oynadıla bilər və matç bitdikdən sonra tam təkrara yığılır.

Yazılıb yarışlar MP4 faylı kimi endirilə bilər. Yazının çevrilməsi lazım olanda çevrilmə ziyarətçinin brauzerində FFmpeg.wasm ilə işləyir, ona görə fayl xarici çevirmə xidmətinə göndərilmir.

Platforma məlumatları D1-də yaşayır, səhifələr və API-lər Cloudflare üzərində Hono və TypeScript ilə qurulub və interfeys Tailwind CSS istifadə edir. Canlı yeniləmələr SSE və sorğulama ilə gəlir.

Mühəndislər üçün

İşlətmə: Cloudflare Pages/Workers, TypeScript üzərində Hono 4 ilə. D1 (SQLite) verilənlər bazasıdır. Vite Worker paketini qurur, Tailwind CSS 4 interfeysi stilləşdirir və esbuild brauzer giriş nöqtələrini paketləyir.

Canlı media: brauzer RTCPeerConnection ev sahibi ilə rəqib arasında WebRTC daşıyır. ICE serverləri hər sessiya üçün GET /api/signaling/ice-servers ünvanından verilir; Cloudflare Calls TURN (TURN_TOKEN_ID və TURN_API_TOKEN) və ya xüsusi yerləşdirilmiş coturn (TURN_URL və TURN_SECRET) reley edə bilər, heç biri tənzimlənməyibsə yalnız-STUN ehtiyatı var.

Yazma: kanvas kompozitoru hər iki axını çəkir və MediaRecorder hər 5 saniyədə bir hissə buraxır. Ev sahibi hər hissəni POST /api/chunks/register ünvanında qeydiyyatdan keçirir (yarışa, ardıcıllığa və bayt hədinə bağlı qısamüddətli bir dəfəlik açar), onu yükləyir, GET /verify ilə yoxlayır və POST /receipt bildirir. Oynatma GET /api/chunks/playlist/:id oxuyur və mövcud yekunlaşdırma addımı VOD hazırlayır.

Endirmələr: @ffmpeg/core 0.12.10 xüsusi yerləşdirilmiş brauzer işçisində MP4 çevrilməsi üçün işləyir, artıq MP4-uyğun yazılar üçün struktural remux yolu var. Gedişat və yaddaş hədləri müştəri xidmətində idarə olunur.

Real vaxt: GET /api/sse vasitəsilə SSE canlı yeniləmələr daşıyır və siqnalizasiya HTTP sorğulama işlədir; istehsal yolu WebSocket işlətmir.

Keyfiyyət: Vitest vahid və UI müqavilələrini əhatə edir, Playwright ucdan-uca brauzer axınlarını əhatə edir. Markdown sənədləri marked ilə göstərilir və PostCSS Autoprefixer ilə birlikdə CSS boru xəttini tamamlayır.