បច្ចេកវិទ្យា

ជាភាសាសាមញ្ញ

Dueli ដំណើរការក្នុងកម្មវិធីរុករក លើបណ្តាញសកលរបស់ Cloudflare។ គូប្រកួតពីរនាក់ជួបគ្នាក្នុងការហៅវីដេអូផ្ទាល់ រវាងឧបករណ៍របស់ពួកគេ (WebRTC ពីគូទៅគូ); ពេលបណ្តាញរាំងផ្លូវផ្ទាល់ TURN relay ជួយធ្វើឲ្យការតភ្ជាប់ឆ្លងកាត់បាន។

ក្នុងអំឡុងការប្រកួត កម្មវិធីរុករកផ្គុំចំណងដៃកាមេរ៉ាទាំងពីរទៅជារូបភាពមួយ ហើយថតវាជាកំណាត់ខ្លី 5 វិនាទី។ កំណាត់ទាំងនោះត្រូវបានបង្ហោះពេលបង្កើត អាចលេងឡើងវិញតាមលំដាប់ ហើយត្រូវផ្គុំទៅជាការលេងឡើងវិញពេញលេញ បន្ទាប់ពីការប្រកួតបញ្ចប់។

ការប្រកួតដែលបានថតអាចទាញយកជាឯកសារ MP4។ ពេលការថតត្រូវការបម្លែង ការបម្លែងដំណើរការក្នុងកម្មវិធីរុករករបស់អ្នកទស្សនា ដោយ FFmpeg.wasm ដូច្នេះឯកសារមិនត្រូវបានផ្ញើទៅសេវាបម្លែងខាងក្រៅទេ។

ទិន្នន័យវេទិកាស្ថិតក្នុង D1 ទំព័រ និង API បង្កើតដោយ Hono និង TypeScript លើ Cloudflare ហើយចំណុចប្រទាក់ប្រើ Tailwind CSS។ ការធ្វើបច្ចុប្បន្នភាពផ្ទាល់មកដល់តាមរយៈ SSE និង polling។

សម្រាប់វិស្វករ

ពេលដំណើរការ៖ Cloudflare Pages/Workers ជាមួយ Hono 4 លើ TypeScript។ D1 (SQLite) ជាមូលដ្ឋានទិន្នន័យ។ Vite បង្កើតកញ្ចប់ Worker Tailwind CSS 4 ធ្វើស្តីលចំណុចប្រទាក់ ហើយ esbuild បង្កើតកញ្ចប់ចំណុចចូលកម្មវិធីរុករក។

មេឌៀផ្ទាល់៖ ការតភ្ជាប់គូក្នុងកម្មវិធីរុករក ផ្ទុក WebRTC រវាងម្ចាស់ផ្ទះ និងគូប្រឆាំង។ ម៉ាស៊ីនមេ ICE ត្រូវបានចេញក្នុងមួយសម័យពី GET /api/signaling/ice-servers; Cloudflare Calls TURN (TURN_TOKEN_ID និង TURN_API_TOKEN) ឬ coturn ដែលបម្រើដោយខ្លួនឯង (TURN_URL និង TURN_SECRET) អាចទ្រនាន់បាន ជាមួយជម្រើសចុងក្រោយ STUN តែមួយពេលគ្មានអ្វីត្រូវបានកំណត់។

ការថត៖ ឧបករណ៍ផ្គុំ Canvas គំនូរចំណងដៃទាំងពីរ ហើយ MediaRecorder បញ្ចេញកំណាត់ម្តងមួយ 5 វិនាទី។ ម្ចាស់ផ្ទះចុះឈ្មោះកំណាត់នីមួយៗនៅ POST /api/chunks/register (សោប្រើម្តងរយៈពេលខ្លី ភ្ជាប់នឹងការប្រកួត លំដាប់ និងដែនដី byte) បង្ហោះវា ផ្ទៀងផ្ទាត់វាដោយ GET /verify ហើយរាយការណ៍ POST /receipt។ ការលេងឡើងវិញអាន GET /api/chunks/playlist/:id ហើយជំហានបញ្ចប់ដែលមានស្រាប់បង្កើត VOD។

ការទាញយក៖ @ffmpeg/core 0.12.10 ដំណើរការក្នុង worker កម្មវិធីរុករកដែលបម្រើដោយខ្លួនឯង សម្រាប់ការបម្លែង MP4 ជាមួយផ្លូវ remux រចនាសម្ព័ន្ធ សម្រាប់ការថតដែលឆ្លើយសមនឹង MP4 រួចហើយ។ វឌ្ឍនភាព និងព្រំដែនអង្គចងចាំត្រូវបានគ្រប់គ្រងក្នុងសេវាអតិថិជន។

ពេលវេលាពិត៖ SSE តាមរយៈ GET /api/sse ផ្ទុកការធ្វើបច្ចុប្បន្នភាពផ្ទាល់ ហើយសញ្ញាតភ្ជាប់ប្រើ HTTP polling; ផ្លូវផលិតកម្មមិនប្រើ WebSocket ទេ។

គុណភាព៖ Vitest គ្របដណ្តប់កិច្ចសន្យាឯកតា និង UI ហើយ Playwright គ្របដណ្តប់លំហូរកម្មវិធីរុករកពីចុងដល់ចុង។ ឯកសារ Markdown ត្រូវបានបង្ហាញដោយ marked ហើយ PostCSS ជាមួយ Autoprefixer បំពេញដំណើរការ CSS។