Teknolojia

Kwa lugha rahisi

Dueli huendelea kwenye kivinjari kwenye mtandao wa kimataifa wa Cloudflare. Washindani wawili hukutana katika simu ya video ya moja kwa moja kati ya vifaa vyao (WebRTC peer-to-peer); mtandao ukizuia njia ya moja kwa moja, relay ya TURN husaidia muunganisho kukiwa na njia.

Wakati wa mashindano kivinjari huchanganya vipimo vya kamera zote mbili kuwa picha moja na kuirekodi kama vipande vifupi vya sekunde 5. Vipande vinapakiwa vinapotengenezwa, vinaweza kucheza kwa mpangilio, na vikusanywa kuwa uchezaji kamili baada ya mchezo kuisha.

Mashindano yaliyorekodiwa yanaweza kupakuliwa kama faili ya MP4. Rekodi inapohitaji kubadilishwa, ubadilishaji hufanyika ndani ya kivinjari cha mtumiaji kwa FFmpeg.wasm, hivyo faili haitumwi kwa huduma ya kubadilisha ya nje.

Data ya jukwaa huishi kwenye D1, kurasa na API zimetengenezwa kwa Hono na TypeScript kwenye Cloudflare, na kiolesura kinatumia Tailwind CSS. Sasisho hurudi kwa SSE na kumtaja kwa kila muda.

Kwa wahandisi

Uendeshaji: Cloudflare Pages/Workers na Hono 4 kwenye TypeScript. D1 (SQLite) ni hifadhidata. Vite hujenga bundili ya Worker, Tailwind CSS 4 hupaka kiolesura, na esbuild hujunga vituo vya kivinjari.

Midia ya moja kwa moja: RTCPeerConnection ya kivinjari hubeba WebRTC kati ya mwenyeji na mpingaji. Seva za ICE zinatolewa kwa kila kipindi kutoka GET /api/signaling/ice-servers; Cloudflare Calls TURN (TURN_TOKEN_ID na TURN_API_TOKEN) au coturn ya kujipangisha (TURN_URL na TURN_SECRET) zinaweza kutuma tena, na mbadala wa STUN pekee hilitolewa wakati hakuna yaliyopangwa.

Kurekodi: mchanganyiko wa canvas huchora vipimo vyote viwili, na MediaRecorder inatoa kipande kila sekunde 5. Mwenyeji huandikisha kila kipande kwa POST /api/chunks/register (ufunguo wa mara moja wa muda mfupi uliofungamana na mashindano, mpangilio na kikomo cha baiti), huupakia, huhakiki na GET /verify na arifa POST /receipt. Uchezaji husoma GET /api/chunks/playlist/:id, na hatua ya kumaliza iliyopo hutengeneza VOD.

Upakuaji: @ffmpeg/core 0.12.10 huendelea kwenye mfanyakazi wa kivinjari uliopangishwa na mwenyewe kwa kubadilisha MP4, na njia ya remux ya muundo kwa rekodi zinazotangamana na MP4 tayari. Maendeleo na vikomo vya kumbukumbu hushughulikiwa katika huduma ya mteja.

Wakati halisi: SSE kupitia GET /api/sse hubeba sasisho za moja kwa moja, na signaling hutumia kupoll kwa HTTP; njia ya uzalishaji haitumii WebSocket.

Ubora: Vitest hufunika mikataba ya vitengo na UI, na Playwright hufunika mifumo ya kivinjari ya mwanzo hadi mwisho. Nyaraka za Markdown zinatolewa kwa marked, na PostCSS na Autoprefixer hukamilisha mstari wa CSS.