Dhiirrigelinta soo-saare xayeysiiska UGC

I weydii: magaca badeecada iyo ballanqaad hal-sadar ah, 3 ilaa 5 daqiiqo oo UI ah oo la muujinayo, hal midab oo lahjad leh, 10 ilaa 20 muuqaallo toosan oo dhab ah oo aan leeyahay, iyo hees aan lacag lahayn oo leh hoos u dhac cad (tusaale ahaan Mixkit, oo bilaash ah oo loogu talagalay isticmaalka ganacsiga).

Ugu yaraan heer sare. Hal fikrad sawirkiiba, meel bannaan oo badan, hal midab oo lahjad leh, hal nadiif ah oo aan lahayn (Geist ama Inter) oo leh raad raac adag. Nooca la daboolay wuxuu muujinayaa, jarista isbarbardhigga, hal luqad kamarad siman. Muuqaal dhab ah oo keliya, waligiis kaararka meel-haynta ma jiraan. Ma jiraan joogsiyo buuxa oo ku jira qoraalka shaashadda.
Mamnuuc: giraangiraha hirarka shoogga, qaraxyada walxaha, kala qaybinta RGB, gariirka kamarada, iftiinka muraayadaha, iftiinka neon, sagxadaha shabagga, asalka biligleynaya, fududeynta boodboodka.

10 baararka oo ku jira 120 BPM, 2 ilbiriqsi midkiiba.
Barta 1aad: jillaabka ayaa erey-erey ku dhacaya garaaca.
Barta 2aad: hal jillaab eray ayaa ku beddelaya UI-ga badeecada. Calaamaduhu waxay kala saaraan oo gujiyaan.
Dhibicda: goobaabin ayaa ka furma badhanka oo u gudubta muuqaal mugdi ah.
Kadib hal dhaqaaq halkii ul: derbi muuqaallo dhab ah oo leh xariiq sawir iyo 3 guuleyste, wax soo saarka furaha sida nooca weyn, sawir 3D ah oo fiidiyowyo dhab ah oo leh milicsiga dabaqa iyo garaac dhaqdhaqaaq leh oo ku dul yaal hal muuqaal geesi ah, geesiga taleefanka ku jira oo ku xiga guddi u rogaya natiijooyinka, tirakoobyo waaweyn oo ku saabsan jarista riixitaanka, calaamad 3-eray ah, muujinta astaanta, libdhi madow.

1. Hal fayl oo HTML oo cabbirkiisu yahay 1920x1080. Qaab kasta waxaa laga xisaabiyaa waqtiga gudaha
http://
window.seek(t): ma jiraan sawirro CSS, ma jiraan waqti-hagaajiyeyaal, ma jiraan xaalad u dhaxaysa muuqaallada.
2. Muuqaal dhab ah: soo saar muuqaallada taxanaha JPEG ee 30fps iyadoo la adeegsanayo ffmpeg oo isku beddel ilaha img halkii qaab. raadinta waxay sugeysaa in sawirku uu noqdo mid furfuran.
3. Ku falanqee heesta numpy: tempo, beat grid, energy per bar, iyo drop. Ku hagaaji shabagga ilaa hits-ka dhabta ah ee laad. Jaranjaro kasta waxay ku socotaa hoos u dhac, UI kasta wuxuu ku dhacaa garaac.
4. Ku samee Playwright Riwaayadaha: 3 qayb-hoosaad halkii qaab-dhismeed marka laga reebo t, at, iyo lagu daro 1/240s, ka dibna ku qas ffmpeg tmix si aad u hesho blur-ka dhaqdhaqaaqa dhabta ah 60fps.
5. Dhig saameyn kasta oo cod ah si meesha ugu sarreysa ee la cabbiray, ee aan ahayn bilowga faylkeeda, ay ugu dhacdo dhacdada. Saamaynta aamusnaan ku hay muusikada hoosteeda. Cod dheer ilaa -14 LUFS.
6. Baar 20 ama ka badan oo ah frames ka hor inta aan la soo bandhigin muuqaalka oo dhan. Hagaaji wax kasta oo isku dhex yaacsan, is dulsaaran ama adag in la akhriyo.

Weligaa ha dhigin hufnaan ama shaandheyn curiye kaydsan oo 3d ah, sababtoo ah wuu siman yahay labada wejina way muuqdaan. Beddelkeeda, madoobee duubkiisa. Cabbir booska curiyayaasha wakhtiga socodsiinta si aad u hesho jarista isku-dhafka. Kaliya isticmaal muusig iyo saameyn cod oo shatigooda u oggolaanaya isticmaalka ganacsiga.

I weydii waxyaabaha ku jira, ka dibna i tus sheeko-qoraal oo leh wakhti kasta oo ku yaal shabakadda garaaca kahor intaadan qorin kood.

Ask me for: the product name and a one-line promise, 3 to 5 UI moments to show, one accent color, 10 to 20 real vertical clips I own, and a royalty-free song with a clear drop (e.g. Mixkit, free for commercial use).

High-end minimal. One idea per shot, lots of empty space, one accent color, one clean sans (Geist or Inter) with tight tracking. Masked type reveals, match cuts, one smooth camera language. Real footage only, never placeholder cards. No full stops in on-screen text.
Banned: shockwave rings, particle bursts, RGB split, camera shake, lens flares, neon glows, grid floors, flashing backgrounds, bouncy easing.

10 bars at 120 BPM, 2 seconds each.
Bar 1: the hook lands word by word on the beats.
Bar 2: one hook word morphs into the product UI. A cursor types and clicks.
The drop: a circle opens out of the button into a dark scene.
Then one move per bar: a wall of real clips with a scan line and 3 winners, the key output as big type, a 3D carousel of real videos with floor reflections and a motion-blurred whip onto one hero clip, the hero in a phone next to a panel that flips into results, big stats on push cuts, a 3-word ticker, a logo reveal, a fade to black.

1. One HTML file at 1920x1080. Every style is computed from time inside
http://
window.seek(t): no CSS animations, no timers, no state between frames.
2. Real video: extract clips to 30fps JPEG sequences with ffmpeg and swap img sources per frame. seek awaits the image decodes.
3. Analyze the song with numpy: tempo, beat grid, energy per bar, the drop. Calibrate the grid to the real kick hits. Every cut sits on a downbeat, every UI hit on a beat.
4. Render with Playwright: 3 subframes per frame at t minus, at, and plus 1/240s, then blend with ffmpeg tmix for real motion blur at 60fps.
5. Place each sound effect so its measured peak, not its file start, lands on the event. Keep the effects quiet under the music. Loudnorm to -14 LUFS.
6. Probe 20 or more frames before the full render. Fix anything cluttered, overlapping or hard to read.

Never set opacity or filter on a preserve-3d element, because it flattens and both faces show. Fade its wrapper instead. Measure element positions at runtime for match cuts. Only use music and sound effects whose license allows commercial use.

Ask me for the inputs, then show me a storyboard with every timing on the beat grid before you write any code.

Jawaab celin laga soo qaatay boostada @twoclipping.