1#!/usr/bin/env python32"""Génère un Reel vertical animé (1080x1920) + musique à partir d'un insight KA.34HTML animé (CSS/JS) -> enregistrement vidéo Playwright (Chromium) -> ffmpeg5(mp4 h264 + lit musical synthétisé). Sortie : chemin du mp4 sur stdout.6"""7import json, sys, os, base64, datetime, urllib.request, ssl, subprocess, glob, hashlib89CTX = ssl.create_default_context(); CTX.check_hostname=False; CTX.verify_mode=ssl.CERT_NONE10FFMPEG = "/opt/homebrew/bin/ffmpeg"11MOIS=["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"]12FONT="'Avenir Next','SF Pro Display','Helvetica Neue',Helvetica,Arial,sans-serif"13DUR=10.0 # secondes14HREEL=int(os.environ.get("KA_REEL_H","1920"))1516PALETTES={17 "lou-ka":{"a":"#ff6a00","b":"#ff9d4d","g1":"#2a1403","g2":"#0d0b09"},18 "immo-ka":{"a":"#e23744","b":"#ff6b76","g1":"#2a0c10","g2":"#0d0a0b"},19 "food-ka":{"a":"#1f9d55","b":"#5fd08a","g1":"#07230f","g2":"#0a0d0b"},20 "fabri-ka":{"a":"#c4532e","b":"#e8895f","g1":"#241009","g2":"#0d0a09"},21 "resto-ka":{"a":"#f08c00","b":"#ffb84d","g1":"#241804","g2":"#0d0b08"},22 "auto-ka":{"a":"#ff5a2a","b":"#ff8f6b","g1":"#26100a","g2":"#0d0a09"},23 "vrai-prix":{"a":"#d9f26b","b":"#b8e04a","g1":"#16230a","g2":"#0b0d08"},24 "trouve-ka":{"a":"#d9f26b","b":"#8fd3ff","g1":"#0a1a20","g2":"#080b0d"},25 "sorti-ka":{"a":"#d9f26b","b":"#ff8fd0","g1":"#210a1c","g2":"#0c090c"},26 "crea-ka":{"a":"#d9f26b","b":"#c08bff","g1":"#160a24","g2":"#0a090d"},27 "job-ka":{"a":"#d9f26b","b":"#7ab8ff","g1":"#0a1522","g2":"#080b0d"},28}29def pal(s): return PALETTES.get(s, PALETTES["vrai-prix"])30def data_uri(url):31 import base6432 try:33 req=urllib.request.Request(url, headers={"User-Agent":"Mozilla/5.0 (Macintosh)"})34 with urllib.request.urlopen(req, timeout=15, context=CTX) as r: raw=r.read()35 mime="image/jpeg"36 if url.lower().endswith(".png"): mime="image/png"37 elif url.lower().endswith(".webp"): mime="image/webp"38 return "data:"+mime+";base64,"+base64.b64encode(raw).decode()39 except Exception: return None40def esc(s): return str(s).replace("&","&").replace("<","<").replace(">",">")41def today(): t=datetime.date.today(); return f"{t.day} {MOIS[t.month-1]} {t.year}"4243def build_spotlight(ins):44 H=HREEL; p=pal(ins["site"]); prod=ins.get("product") or {}45 img=prod.get("image_data",""); chips="".join('<span class="chip">'+esc(c)+'</span>' for c in (prod.get("meta") or []))46 price=esc(prod.get("price","")); title=esc(prod.get("title","")); sub=esc(prod.get("subtitle",""))47 css = """48 *{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}49 html,body{width:1080px;height:__H__px;overflow:hidden;font-family:__FONT__;color:#fff;background:__G2__}50 .photo{position:absolute;top:0;left:0;right:0;height:__PH__px;background:url('__IMG__') center/cover;animation:kb 10s ease-out forwards}51 @keyframes kb{from{transform:scale(1.0)}to{transform:scale(1.12)}}52 .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,0) 30%,__G2__cc 55%,__G2__ 72%)}53 .eyebrow{position:absolute;top:120px;left:90px;display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:.16em;font-size:26px;text-transform:uppercase;color:__A__;opacity:0;animation:fu .8s ease .2s forwards;text-shadow:0 2px 12px #000}54 .eyebrow .dot{width:46px;height:6px;border-radius:3px;background:__A__}55 .kabadge{position:absolute;top:110px;right:90px;background:__A__;color:#0d0d0d;font-weight:900;font-size:52px;padding:10px 24px;border-radius:20px;transform:rotate(-4deg) scale(.5);opacity:0;animation:pop .7s cubic-bezier(.2,1.4,.4,1) .5s forwards;box-shadow:0 16px 40px __A__66}56 .info{position:absolute;left:90px;right:90px;bottom:270px}57 .ptitle{font-size:74px;font-weight:900;line-height:1.02;letter-spacing:-.02em;text-shadow:0 4px 24px #000a;opacity:0;transform:translateY(30px);animation:fu .9s ease 1.0s forwards}58 .psub{font-size:36px;font-weight:600;color:#ffffffc8;margin-top:14px;opacity:0;animation:fu .9s ease 1.25s forwards}59 .chips{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}60 .chip{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:12px 24px;font-size:28px;font-weight:700;opacity:0;animation:fu .8s ease 1.45s forwards}61 .price{font-size:92px;font-weight:900;color:__A__;margin-top:26px;letter-spacing:-.02em;filter:drop-shadow(0 10px 30px __A__66);opacity:0;transform:scale(.9);animation:popc .8s cubic-bezier(.2,1.3,.4,1) 1.7s forwards}62 .cta{position:absolute;left:90px;right:90px;bottom:150px;opacity:0;animation:fu .8s ease 2.2s forwards}63 .cta .go{font-size:46px;font-weight:900;color:__A__}64 .cta .brand{font-size:30px;font-weight:700;color:#ffffff88;letter-spacing:.12em;margin-top:6px}65 .sig{position:absolute;left:90px;bottom:88px;font-size:26px;color:#ffffff66;font-weight:600;opacity:0;animation:fu .8s ease 2.5s forwards}66 @keyframes fu{to{opacity:1;transform:translateY(0)}}67 @keyframes pop{to{opacity:1;transform:rotate(-4deg) scale(1)}}68 @keyframes popc{to{opacity:1;transform:scale(1)}}69 """70 css = (css.replace("__H__",str(H)).replace("__FONT__",FONT).replace("__G2__",p["g2"])71 .replace("__PH__",str(int(H*0.62))).replace("__IMG__",img).replace("__A__",p["a"]))72 body = (73 '<div class="photo"></div><div class="scrim"></div>'74 '<div class="eyebrow"><span class="dot"></span>'+esc(ins["label"].upper())+' · À DÉCOUVRIR</div>'75 '<div class="kabadge">KA</div>'76 '<div class="info"><div class="ptitle">'+title+'</div>'77 + (('<div class="psub">'+sub+'</div>') if sub else '')78 + '<div class="chips">'+chips+'</div>'79 + (('<div class="price">'+price+'</div>') if price else '')80 + '</div>'81 '<div class="cta"><div class="go">\U0001f449 www.'+ins["site"]+'.com</div><div class="brand">GROUPE ·KA</div></div>'82 '<div class="sig">✦ Publié par l\'Agent KA</div>'83 )84 return "<!doctype html><html><head><meta charset=\"utf-8\"><style>"+css+"</style></head><body>"+body+"</body></html>"8586def build_html(ins):87 if ins.get('genre')=='spotlight' and (ins.get('product') or {}).get('image_data'):88 return build_spotlight(ins)89 H=HREEL; p=pal(ins["site"])90 tiles=ins.get("tiles") or []91 hl=str(ins["headline"]); L=len(hl)92 numsize = 150 if L>=9 else (185 if L>=7 else (235 if L>=5 else 300))93 tiles_html="".join('<div class="tile t'+str(i)+'"><div class="tv" data-fit>'+esc(v)+'</div><div class="tl">'+esc(l)+'</div></div>' for i,(v,l) in enumerate(tiles))94 css = """95 *{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}96 html,body{width:1080px;height:__H__px;overflow:hidden;font-family:__FONT__;color:#fff}97 .stage{position:relative;width:1080px;height:__H__px;overflow:hidden;98 background:radial-gradient(1300px 900px at 78% -5%, __A__55,transparent 55%),99 radial-gradient(1100px 1000px at -12% 105%, __B__3a,transparent 55%),100 linear-gradient(160deg,__G1__,__G2__);background-size:150% 150%;animation:drift 14s ease-in-out infinite alternate}101 @keyframes drift{0%{background-position:0% 0%}100%{background-position:100% 100%}}102 .mesh{position:absolute;inset:-20%;background:radial-gradient(closest-side, __A__22, transparent 70%);103 filter:blur(30px);animation:float 16s ease-in-out infinite alternate;opacity:.7}104 @keyframes float{0%{transform:translate(-6%, -4%) scale(1)}100%{transform:translate(8%, 6%) scale(1.15)}}105 .pad{position:absolute;inset:0;padding:120px 90px 250px;display:flex;flex-direction:column}106 .eyebrow{display:flex;align-items:center;gap:16px;font-weight:800;letter-spacing:.16em;font-size:27px;107 text-transform:uppercase;color:__A__;opacity:0;animation:fadeUp .8s ease .15s forwards}108 .eyebrow .dot{width:52px;height:6px;border-radius:3px;background:__A__}109 .kabadge{position:absolute;top:118px;right:90px;background:__A__;color:#0d0d0d;font-weight:900;110 font-size:54px;padding:10px 26px;border-radius:20px;transform:rotate(-4deg) scale(.4);opacity:0;111 animation:pop .7s cubic-bezier(.2,1.4,.4,1) .35s forwards;box-shadow:0 16px 46px __A__66}112 .site{font-size:112px;font-weight:900;letter-spacing:-.02em;margin-top:34px;line-height:1;opacity:0;animation:fadeUp .8s ease .45s forwards}113 .tag{font-size:38px;font-weight:600;color:#ffffffb0;margin-top:12px;opacity:0;animation:fadeUp .8s ease .65s forwards}114 .mid{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}115 .numwrap{position:relative;display:inline-block;align-self:flex-start;opacity:0;transform:translateY(40px) scale(.92);animation:heroIn .95s cubic-bezier(.2,1,.3,1) .95s forwards}116 .num{font-size:__NUM__px;font-weight:900;line-height:.92;letter-spacing:-.03em;white-space:nowrap;117 background:linear-gradient(180deg,#fff,__A__ 135%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;118 filter:drop-shadow(0 18px 55px __A__55)}119 .numwrap::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;120 background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);121 animation:shine 2.6s ease-in-out 1.6s infinite}122 @keyframes shine{0%{left:-60%}55%{left:130%}100%{left:130%}}123 .lab{font-size:54px;font-weight:700;margin-top:26px;max-width:920px;line-height:1.12;opacity:0;animation:fadeUp .8s ease 1.35s forwards}124 .tiles{display:flex;gap:20px;margin-top:56px}125 .tile{flex:1 1 0;min-width:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);126 border-radius:26px;padding:28px 22px;opacity:0;transform:translateY(30px);animation:fadeUp .7s ease forwards;backdrop-filter:blur(6px)}127 .t0{animation-delay:1.7s}.t1{animation-delay:1.85s}.t2{animation-delay:2.0s}.t3{animation-delay:2.15s}128 .tv{font-size:58px;font-weight:900;color:__A__;white-space:nowrap;line-height:1}129 .tl{font-size:27px;font-weight:600;color:#ffffffa8;margin-top:10px;line-height:1.15}130 .cta{position:absolute;left:90px;right:90px;bottom:150px;opacity:0;animation:fadeUp .8s ease 2.5s forwards}131 .cta .go{font-size:46px;font-weight:900;color:__A__}132 .cta .brand{font-size:30px;font-weight:700;color:#ffffff8c;letter-spacing:.12em;margin-top:6px}133 .sig{position:absolute;left:90px;bottom:92px;font-size:26px;color:#ffffff6a;font-weight:600;opacity:0;animation:fadeUp .8s ease 2.8s forwards}134 .prog{position:absolute;left:0;bottom:0;height:8px;background:__A__;width:0;animation:prog __DUR__s linear .2s forwards;box-shadow:0 0 20px __A__}135 @keyframes prog{to{width:100%}}136 @keyframes fadeUp{to{opacity:1;transform:translateY(0)}}137 @keyframes pop{to{opacity:1;transform:rotate(-4deg) scale(1)}}138 @keyframes heroIn{to{opacity:1;transform:translateY(0) scale(1)}}139 .vign{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%, transparent 55%, rgba(0,0,0,.55) 100%)}140 .numwrap{animation:heroIn .95s cubic-bezier(.2,1,.3,1) .95s forwards, pulse 3s ease-in-out 2s infinite}141 @keyframes pulse{0%,100%{filter:none}50%{filter:brightness(1.12)}}142 """143 css=(css.replace("__H__",str(H)).replace("__FONT__",FONT).replace("__A__",p["a"])144 .replace("__B__",p["b"]).replace("__G1__",p["g1"]).replace("__G2__",p["g2"])145 .replace("__NUM__",str(numsize)).replace("__DUR__",str(DUR)))146 tag = ('<div class="tag">'+esc(ins.get("tagline",""))+'</div>') if ins.get("tagline") else ""147 tiles_block = ('<div class="tiles">'+tiles_html+'</div>') if tiles else ""148 body = ('<div class="stage"><div class="mesh"></div><div class="vign"></div><div class="pad">'149 '<div class="eyebrow"><span class="dot"></span>'+esc(ins["label"].upper())+' · '+today().upper()+'</div>'150 '<div class="kabadge">KA</div>'151 '<div class="site">'+esc(ins["label"])+'</div>'+tag+152 '<div class="mid">'153 '<div class="numwrap"><div class="num" id="num" data-target="'+esc(ins["headline"])+'">'+esc(ins["headline"])+'</div></div>'154 '<div class="lab">'+esc(ins["headline_label"])+'</div>'+tiles_block+155 '</div>'156 '<div class="cta"><div class="go">👉 www.'+ins["site"]+'.com</div><div class="brand">GROUPE ·KA</div></div>'157 '<div class="sig">✦ Rédigé et publié par l\'Agent KA</div>'158 '<div class="prog"></div>'159 '</div></div>')160 script = """<script>161 (function(){162 // ajuste la taille des valeurs de tuiles pour tenir sur une ligne163 document.querySelectorAll('.tv[data-fit]').forEach(function(el){164 var s=58; el.style.fontSize=s+'px';165 while(el.scrollWidth>el.clientWidth && s>26){ s-=3; el.style.fontSize=s+'px'; }166 });167 var el=document.getElementById('num'); if(!el) return; var raw=el.getAttribute('data-target');168 if(/[,%\/]/.test(raw)) return;169 var m=raw.match(/^[\d\u00a0\u202f ]+/); if(!m) return;170 var digits=m[0].replace(/[^\d]/g,''); if(digits.length<3) return;171 var target=parseInt(digits,10); var suffix=raw.slice(m[0].length);172 var start=null, dur=1400, begin=1000;173 function fmt(n){return n.toLocaleString('fr-CA').replace(/[\u00a0\u202f,]/g,' ')}174 function step(ts){ if(!start)start=ts; var t=ts-start;175 if(t<begin){requestAnimationFrame(step);return;}176 var k=Math.min(1,(t-begin)/dur); var e=1-Math.pow(1-k,3);177 el.textContent=fmt(Math.round(target*e))+suffix;178 if(k<1)requestAnimationFrame(step);179 }180 el.textContent=fmt(0)+suffix; requestAnimationFrame(step);181 })();182 </script>"""183 return "<!doctype html><html><head><meta charset=\"utf-8\"><style>"+css+"</style></head><body>"+body+script+"</body></html>"184185def record_webm(html_path, out_webm, tmpdir):186 from playwright.sync_api import sync_playwright187 with sync_playwright() as pw:188 b=pw.chromium.launch(args=["--no-sandbox"])189 ctx=b.new_context(viewport={"width":1080,"height":HREEL}, device_scale_factor=2,190 record_video_dir=tmpdir, record_video_size={"width":1080,"height":HREEL})191 pg=ctx.new_page()192 pg.goto("file://"+html_path)193 pg.wait_for_timeout(int(DUR*1000))194 vid=pg.video195 ctx.close(); b.close()196 path=vid.path()197 os.replace(path, out_webm)198199def make_music(dur, out_wav):200 """Lit musical riche : progression Am-F-C-G (pad) + basse + kick 4-temps + shaker201 + arpège/pluck brillant, avec réverbe/compresseur/limiteur."""202 tmpdir=os.path.dirname(out_wav)203 chords=[(220.00,261.63,329.63),(174.61,220.00,261.63),(261.63,329.63,392.00),(196.00,246.94,293.66)]204 roots=[110.00,87.31,130.81,98.00]205 seg=round(dur/len(chords),3)206 def concat(paths,outp):207 lst=outp+".txt"; open(lst,"w").write("".join("file '"+x+"'\n" for x in paths))208 subprocess.run([FFMPEG,"-y","-f","concat","-safe","0","-i",lst,"-c","copy",outp],capture_output=True)209 # pad (accords)210 padparts=[]211 for i,(f1,f2,f3) in enumerate(chords):212 w=os.path.join(tmpdir,"ch%d.wav"%i)213 subprocess.run([FFMPEG,"-y","-f","lavfi","-i","sine=frequency=%s:duration=%s"%(f1,seg),214 "-f","lavfi","-i","sine=frequency=%s:duration=%s"%(f2,seg),215 "-f","lavfi","-i","sine=frequency=%s:duration=%s"%(f3,seg),216 "-filter_complex","[0][1][2]amix=inputs=3:normalize=0,volume=0.20,lowpass=f=1200,afade=t=in:st=0:d=0.3,afade=t=out:st=%s:d=0.4[a]"%(seg-0.4),217 "-map","[a]",w],capture_output=True); padparts.append(w)218 pad=os.path.join(tmpdir,"pad.wav"); concat(padparts,pad)219 # basse (fondamentale par accord)220 bassparts=[]221 for i,r in enumerate(roots):222 w=os.path.join(tmpdir,"b%d.wav"%i)223 subprocess.run([FFMPEG,"-y","-f","lavfi","-i","sine=frequency=%s:duration=%s"%(r,seg),224 "-af","volume=0.34,lowpass=f=320,afade=t=in:st=0:d=0.06,afade=t=out:st=%s:d=0.12"%(seg-0.15),225 w],capture_output=True); bassparts.append(w)226 bass=os.path.join(tmpdir,"bass.wav"); concat(bassparts,bass)227 # kick 4-temps228 kick=os.path.join(tmpdir,"kick.wav")229 subprocess.run([FFMPEG,"-y","-f","lavfi","-i","aevalsrc=0.75*sin(2*PI*55*t)*exp(-9*mod(t\,0.5)):d=%s:s=44100"%dur,kick],capture_output=True)230 # shaker/hat contretemps231 hat=os.path.join(tmpdir,"hat.wav")232 subprocess.run([FFMPEG,"-y","-f","lavfi","-i","aevalsrc=0.10*(random(0)*2-1)*exp(-45*mod(t+0.25\,0.5)):d=%s:s=44100"%dur,"-af","highpass=f=6500",hat],capture_output=True)233 # arpège/pluck brillant (croches, deux notes en alternance)234 arp=os.path.join(tmpdir,"arp.wav")235 subprocess.run([FFMPEG,"-y","-f","lavfi",236 "-i","aevalsrc=0.13*sin(2*PI*880*t)*exp(-13*mod(t\,0.25))+0.10*sin(2*PI*659.25*(t-0.125))*exp(-13*mod(t+0.125\,0.25)):d=%s:s=44100"%dur,237 "-af","highpass=f=350,lowpass=f=6000",arp],capture_output=True)238 # mix final239 subprocess.run([FFMPEG,"-y","-i",pad,"-i",bass,"-i",kick,"-i",hat,"-i",arp,240 "-filter_complex",241 "[0]volume=1.0[p];[1]volume=1.0[b];[2]volume=0.9[k];[3]volume=0.5[h];[4]volume=0.55[ar];"242 "[p][b][k][h][ar]amix=inputs=5:normalize=0,"243 "aecho=0.8:0.88:70:0.22,"244 "acompressor=threshold=-18dB:ratio=3.5:attack=6:release=160,"245 "highpass=f=32,alimiter=limit=0.94,"246 "afade=t=in:st=0:d=0.5,afade=t=out:st=%s:d=1.6[a]"%(dur-1.6),247 "-map","[a]","-ar","44100",out_wav],capture_output=True)248249def render(ins, out_dir):250 os.makedirs(out_dir,exist_ok=True)251 prod=ins.get('product')252 if prod and prod.get('image') and not prod.get('image_data'):253 du=data_uri(prod['image'])254 if du: prod['image_data']=du255 key=hashlib.md5((ins['site']+ins.get('insight_id','')+'reel').encode()).hexdigest()[:8]256 tmp=os.path.join(out_dir,"_reeltmp_"+key); os.makedirs(tmp,exist_ok=True)257 html_path=os.path.join(tmp,"reel.html"); open(html_path,"w",encoding="utf-8").write(build_html(ins))258 webm=os.path.join(tmp,"reel.webm"); record_webm(html_path,webm,tmp)259 wav=os.path.join(tmp,"bed.wav"); make_music(DUR,wav)260 out=os.path.join(out_dir,f"reel-{ins['site']}-{ins.get('insight_id','x')}.mp4")261 subprocess.run([FFMPEG,"-y","-i",webm,"-i",wav,262 "-filter_complex","[0:v]scale=1080:"+str(HREEL)+":force_original_aspect_ratio=increase,crop=1080:"+str(HREEL)+",fps=30,format=yuv420p[v]",263 "-map","[v]","-map","1:a","-c:v","libx264","-preset","slow","-crf","18",264 "-c:a","aac","-b:a","160k","-pix_fmt","yuv420p","-movflags","+faststart","-shortest",out],265 capture_output=True)266 # nettoyage267 for f in glob.glob(os.path.join(tmp,"*")):268 try: os.remove(f)269 except: pass270 try: os.rmdir(tmp)271 except: pass272 if not os.path.exists(out): raise SystemExit("mp4 non produit")273 return out274275if __name__=="__main__":276 ins=json.load(sys.stdin)277 out_dir=sys.argv[1] if len(sys.argv)>1 else "/tmp/ka-reels"278 print(render(ins,out_dir))279