#!/usr/bin/env python3 """Génère un Reel vertical animé (1080x1920) + musique à partir d'un insight KA. HTML animé (CSS/JS) -> enregistrement vidéo Playwright (Chromium) -> ffmpeg (mp4 h264 + lit musical synthétisé). Sortie : chemin du mp4 sur stdout. """ import json, sys, os, base64, datetime, urllib.request, ssl, subprocess, glob, hashlib CTX = ssl.create_default_context(); CTX.check_hostname=False; CTX.verify_mode=ssl.CERT_NONE FFMPEG = "/opt/homebrew/bin/ffmpeg" MOIS=["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"] FONT="'Avenir Next','SF Pro Display','Helvetica Neue',Helvetica,Arial,sans-serif" DUR=10.0 # secondes HREEL=int(os.environ.get("KA_REEL_H","1920")) PALETTES={ "lou-ka":{"a":"#ff6a00","b":"#ff9d4d","g1":"#2a1403","g2":"#0d0b09"}, "immo-ka":{"a":"#e23744","b":"#ff6b76","g1":"#2a0c10","g2":"#0d0a0b"}, "food-ka":{"a":"#1f9d55","b":"#5fd08a","g1":"#07230f","g2":"#0a0d0b"}, "fabri-ka":{"a":"#c4532e","b":"#e8895f","g1":"#241009","g2":"#0d0a09"}, "resto-ka":{"a":"#f08c00","b":"#ffb84d","g1":"#241804","g2":"#0d0b08"}, "auto-ka":{"a":"#ff5a2a","b":"#ff8f6b","g1":"#26100a","g2":"#0d0a09"}, "vrai-prix":{"a":"#d9f26b","b":"#b8e04a","g1":"#16230a","g2":"#0b0d08"}, "trouve-ka":{"a":"#d9f26b","b":"#8fd3ff","g1":"#0a1a20","g2":"#080b0d"}, "sorti-ka":{"a":"#d9f26b","b":"#ff8fd0","g1":"#210a1c","g2":"#0c090c"}, "crea-ka":{"a":"#d9f26b","b":"#c08bff","g1":"#160a24","g2":"#0a090d"}, "job-ka":{"a":"#d9f26b","b":"#7ab8ff","g1":"#0a1522","g2":"#080b0d"}, } def pal(s): return PALETTES.get(s, PALETTES["vrai-prix"]) def data_uri(url): import base64 try: req=urllib.request.Request(url, headers={"User-Agent":"Mozilla/5.0 (Macintosh)"}) with urllib.request.urlopen(req, timeout=15, context=CTX) as r: raw=r.read() mime="image/jpeg" if url.lower().endswith(".png"): mime="image/png" elif url.lower().endswith(".webp"): mime="image/webp" return "data:"+mime+";base64,"+base64.b64encode(raw).decode() except Exception: return None def esc(s): return str(s).replace("&","&").replace("<","<").replace(">",">") def today(): t=datetime.date.today(); return f"{t.day} {MOIS[t.month-1]} {t.year}" def build_spotlight(ins): H=HREEL; p=pal(ins["site"]); prod=ins.get("product") or {} img=prod.get("image_data",""); chips="".join(''+esc(c)+'' for c in (prod.get("meta") or [])) price=esc(prod.get("price","")); title=esc(prod.get("title","")); sub=esc(prod.get("subtitle","")) css = """ *{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased} html,body{width:1080px;height:__H__px;overflow:hidden;font-family:__FONT__;color:#fff;background:__G2__} .photo{position:absolute;top:0;left:0;right:0;height:__PH__px;background:url('__IMG__') center/cover;animation:kb 10s ease-out forwards} @keyframes kb{from{transform:scale(1.0)}to{transform:scale(1.12)}} .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%)} .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} .eyebrow .dot{width:46px;height:6px;border-radius:3px;background:__A__} .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} .info{position:absolute;left:90px;right:90px;bottom:270px} .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} .psub{font-size:36px;font-weight:600;color:#ffffffc8;margin-top:14px;opacity:0;animation:fu .9s ease 1.25s forwards} .chips{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px} .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} .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} .cta{position:absolute;left:90px;right:90px;bottom:150px;opacity:0;animation:fu .8s ease 2.2s forwards} .cta .go{font-size:46px;font-weight:900;color:__A__} .cta .brand{font-size:30px;font-weight:700;color:#ffffff88;letter-spacing:.12em;margin-top:6px} .sig{position:absolute;left:90px;bottom:88px;font-size:26px;color:#ffffff66;font-weight:600;opacity:0;animation:fu .8s ease 2.5s forwards} @keyframes fu{to{opacity:1;transform:translateY(0)}} @keyframes pop{to{opacity:1;transform:rotate(-4deg) scale(1)}} @keyframes popc{to{opacity:1;transform:scale(1)}} """ css = (css.replace("__H__",str(H)).replace("__FONT__",FONT).replace("__G2__",p["g2"]) .replace("__PH__",str(int(H*0.62))).replace("__IMG__",img).replace("__A__",p["a"])) body = ( '

' '

'+esc(ins["label"].upper())+' · À DÉCOUVRIR

' '

'+title+'

' + (('

'+sub+'

') if sub else '') + '

'+chips+'

' + (('

'+price+'

') if price else '') + '

' '

\U0001f449 www.'+ins["site"]+'.com

GROUPE ·KA

' '

✦ Publié par l\'Agent KA

' ) return ""+body+"" def build_list(ins): H=HREEL; p=pal(ins["site"]); items=ins.get("list") or [] rows="" for idx,it in enumerate(items[:5]): img=it.get("image_data") or "" thumb='

' if img else '

' price=esc(it.get("price","") or ""); pr=('

' + price + '

') if price else '' rows+=('

' + thumb + '

' + esc(it.get("title","")) + '

' + '

' + esc(it.get("subtitle","") or "") + '

' + pr + '

') heading=esc(ins.get("list_title","") or ins.get("headline_label","") or "À la une") css=""" *{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased} html,body{width:1080px;height:__H__px;overflow:hidden;font-family:__FONT__;color:#fff} .stage{position:relative;width:1080px;height:__H__px;overflow:hidden; background:radial-gradient(1300px 900px at 78% -5%, __A__55,transparent 55%), radial-gradient(1100px 1000px at -12% 105%, __B__3a,transparent 55%), linear-gradient(160deg,__G1__,__G2__);background-size:150% 150%;animation:drift 14s ease-in-out infinite alternate} @keyframes drift{0%{background-position:0% 0%}100%{background-position:100% 100%}} .pad{position:absolute;inset:0;padding:120px 80px 210px;display:flex;flex-direction:column} .eyebrow{display:flex;align-items:center;gap:16px;font-weight:800;letter-spacing:.16em;font-size:27px;text-transform:uppercase;color:__A__;opacity:0;animation:fu .8s ease .15s forwards} .eyebrow .dot{width:52px;height:6px;border-radius:3px;background:__A__} .kabadge{position:absolute;top:118px;right:80px;background:__A__;color:#0d0d0d;font-weight:900;font-size:52px;padding:10px 24px;border-radius:20px;transform:rotate(-4deg) scale(.4);opacity:0;animation:pop .7s cubic-bezier(.2,1.4,.4,1) .35s forwards} .site{font-size:82px;font-weight:900;letter-spacing:-.02em;margin-top:28px;line-height:1;opacity:0;animation:fu .8s ease .45s forwards} .ltitle{font-size:46px;font-weight:800;margin-top:10px;margin-bottom:26px;max-width:920px;line-height:1.1;opacity:0;animation:fu .8s ease .65s forwards} .lwrap{display:flex;flex-direction:column;gap:18px} .lrow{display:flex;align-items:center;gap:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:18px 20px;opacity:0;transform:translateY(30px);animation:fu .7s ease forwards;backdrop-filter:blur(6px)} .lthumb{width:150px;height:150px;flex:0 0 150px;border-radius:18px;background-color:#222;background-size:cover;background-position:center} .lmid{flex:1;min-width:0} .lt{font-size:40px;font-weight:800;line-height:1.12;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .ls{font-size:30px;font-weight:600;color:#ffffffa8;margin-top:8px} .lp{font-size:46px;font-weight:900;color:__A__;white-space:nowrap;text-align:right} .cta{position:absolute;left:80px;right:80px;bottom:150px;opacity:0;animation:fu .8s ease 2.4s forwards} .cta .go{font-size:46px;font-weight:900;color:__A__} .cta .brand{font-size:30px;font-weight:700;color:#ffffff8c;letter-spacing:.12em;margin-top:6px} .sig{position:absolute;left:80px;bottom:92px;font-size:26px;color:#ffffff6a;font-weight:600;opacity:0;animation:fu .8s ease 2.7s forwards} .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__} @keyframes prog{to{width:100%}} @keyframes fu{to{opacity:1;transform:translateY(0)}} @keyframes pop{to{opacity:1;transform:rotate(-4deg) scale(1)}} """ css=(css.replace("__H__",str(H)).replace("__FONT__",FONT).replace("__A__",p["a"]) .replace("__B__",p["b"]).replace("__G1__",p["g1"]).replace("__G2__",p["g2"]).replace("__DUR__",str(DUR))) body=('

' + '

' + esc(ins["label"].upper()) + ' · ' + today().upper() + '

' + '

' + esc(ins["label"]) + '

' + '

' + heading + '

' + '

' + rows + '

' + '

\U0001f449 www.' + ins["site"] + '.com

GROUPE ·KA

' + '

✦ Rédigé et publié par l\'Agent KA

' + '

') return "" + body + "" def build_html(ins): if ins.get('genre')=='list' and ins.get('list'): return build_list(ins) if ins.get('genre')=='spotlight' and (ins.get('product') or {}).get('image_data'): return build_spotlight(ins) H=HREEL; p=pal(ins["site"]) tiles=ins.get("tiles") or [] hl=str(ins["headline"]); L=len(hl) numsize = 150 if L>=9 else (185 if L>=7 else (235 if L>=5 else 300)) tiles_html="".join('

'+esc(v)+'

'+esc(l)+'

' for i,(v,l) in enumerate(tiles)) css = """ *{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased} html,body{width:1080px;height:__H__px;overflow:hidden;font-family:__FONT__;color:#fff} .stage{position:relative;width:1080px;height:__H__px;overflow:hidden; background:radial-gradient(1300px 900px at 78% -5%, __A__55,transparent 55%), radial-gradient(1100px 1000px at -12% 105%, __B__3a,transparent 55%), linear-gradient(160deg,__G1__,__G2__);background-size:150% 150%;animation:drift 14s ease-in-out infinite alternate} @keyframes drift{0%{background-position:0% 0%}100%{background-position:100% 100%}} .mesh{position:absolute;inset:-20%;background:radial-gradient(closest-side, __A__22, transparent 70%); filter:blur(30px);animation:float 16s ease-in-out infinite alternate;opacity:.7} @keyframes float{0%{transform:translate(-6%, -4%) scale(1)}100%{transform:translate(8%, 6%) scale(1.15)}} .pad{position:absolute;inset:0;padding:120px 90px 250px;display:flex;flex-direction:column} .eyebrow{display:flex;align-items:center;gap:16px;font-weight:800;letter-spacing:.16em;font-size:27px; text-transform:uppercase;color:__A__;opacity:0;animation:fadeUp .8s ease .15s forwards} .eyebrow .dot{width:52px;height:6px;border-radius:3px;background:__A__} .kabadge{position:absolute;top:118px;right:90px;background:__A__;color:#0d0d0d;font-weight:900; font-size:54px;padding:10px 26px;border-radius:20px;transform:rotate(-4deg) scale(.4);opacity:0; animation:pop .7s cubic-bezier(.2,1.4,.4,1) .35s forwards;box-shadow:0 16px 46px __A__66} .site{font-size:112px;font-weight:900;letter-spacing:-.02em;margin-top:34px;line-height:1;opacity:0;animation:fadeUp .8s ease .45s forwards} .tag{font-size:38px;font-weight:600;color:#ffffffb0;margin-top:12px;opacity:0;animation:fadeUp .8s ease .65s forwards} .mid{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0} .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} .num{font-size:__NUM__px;font-weight:900;line-height:.92;letter-spacing:-.03em;white-space:nowrap; background:linear-gradient(180deg,#fff,__A__ 135%);-webkit-background-clip:text;-webkit-text-fill-color:transparent; filter:drop-shadow(0 18px 55px __A__55)} .numwrap::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg); animation:shine 2.6s ease-in-out 1.6s infinite} @keyframes shine{0%{left:-60%}55%{left:130%}100%{left:130%}} .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} .tiles{display:flex;gap:20px;margin-top:56px} .tile{flex:1 1 0;min-width:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15); border-radius:26px;padding:28px 22px;opacity:0;transform:translateY(30px);animation:fadeUp .7s ease forwards;backdrop-filter:blur(6px)} .t0{animation-delay:1.7s}.t1{animation-delay:1.85s}.t2{animation-delay:2.0s}.t3{animation-delay:2.15s} .tv{font-size:58px;font-weight:900;color:__A__;white-space:nowrap;line-height:1} .tl{font-size:27px;font-weight:600;color:#ffffffa8;margin-top:10px;line-height:1.15} .cta{position:absolute;left:90px;right:90px;bottom:150px;opacity:0;animation:fadeUp .8s ease 2.5s forwards} .cta .go{font-size:46px;font-weight:900;color:__A__} .cta .brand{font-size:30px;font-weight:700;color:#ffffff8c;letter-spacing:.12em;margin-top:6px} .sig{position:absolute;left:90px;bottom:92px;font-size:26px;color:#ffffff6a;font-weight:600;opacity:0;animation:fadeUp .8s ease 2.8s forwards} .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__} @keyframes prog{to{width:100%}} @keyframes fadeUp{to{opacity:1;transform:translateY(0)}} @keyframes pop{to{opacity:1;transform:rotate(-4deg) scale(1)}} @keyframes heroIn{to{opacity:1;transform:translateY(0) scale(1)}} .vign{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%, transparent 55%, rgba(0,0,0,.55) 100%)} .numwrap{animation:heroIn .95s cubic-bezier(.2,1,.3,1) .95s forwards, pulse 3s ease-in-out 2s infinite} @keyframes pulse{0%,100%{filter:none}50%{filter:brightness(1.12)}} """ css=(css.replace("__H__",str(H)).replace("__FONT__",FONT).replace("__A__",p["a"]) .replace("__B__",p["b"]).replace("__G1__",p["g1"]).replace("__G2__",p["g2"]) .replace("__NUM__",str(numsize)).replace("__DUR__",str(DUR))) tag = ('

'+esc(ins.get("tagline",""))+'

') if ins.get("tagline") else "" tiles_block = ('

'+tiles_html+'

') if tiles else "" body = ('

' '

'+esc(ins["label"].upper())+' · '+today().upper()+'

' '

'+esc(ins["label"])+'

'+tag+ '

' '

'+esc(ins["headline"])+'

' '

'+esc(ins["headline_label"])+'

'+tiles_block+ '

' '

👉 www.'+ins["site"]+'.com

GROUPE ·KA

' '

✦ Rédigé et publié par l\'Agent KA

' '

') script = """""" return ""+body+script+"" def record_webm(html_path, out_webm, tmpdir): from playwright.sync_api import sync_playwright with sync_playwright() as pw: b=pw.chromium.launch(args=["--no-sandbox"]) ctx=b.new_context(viewport={"width":1080,"height":HREEL}, device_scale_factor=2, record_video_dir=tmpdir, record_video_size={"width":1080,"height":HREEL}) pg=ctx.new_page() pg.goto("file://"+html_path) pg.wait_for_timeout(int(DUR*1000)) vid=pg.video ctx.close(); b.close() path=vid.path() os.replace(path, out_webm) def make_music(dur, out_wav): """Lit musical riche : progression Am-F-C-G (pad) + basse + kick 4-temps + shaker + arpège/pluck brillant, avec réverbe/compresseur/limiteur.""" tmpdir=os.path.dirname(out_wav) 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)] roots=[110.00,87.31,130.81,98.00] seg=round(dur/len(chords),3) def concat(paths,outp): lst=outp+".txt"; open(lst,"w").write("".join("file '"+x+"'\n" for x in paths)) subprocess.run([FFMPEG,"-y","-f","concat","-safe","0","-i",lst,"-c","copy",outp],capture_output=True) # pad (accords) padparts=[] for i,(f1,f2,f3) in enumerate(chords): w=os.path.join(tmpdir,"ch%d.wav"%i) subprocess.run([FFMPEG,"-y","-f","lavfi","-i","sine=frequency=%s:duration=%s"%(f1,seg), "-f","lavfi","-i","sine=frequency=%s:duration=%s"%(f2,seg), "-f","lavfi","-i","sine=frequency=%s:duration=%s"%(f3,seg), "-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), "-map","[a]",w],capture_output=True); padparts.append(w) pad=os.path.join(tmpdir,"pad.wav"); concat(padparts,pad) # basse (fondamentale par accord) bassparts=[] for i,r in enumerate(roots): w=os.path.join(tmpdir,"b%d.wav"%i) subprocess.run([FFMPEG,"-y","-f","lavfi","-i","sine=frequency=%s:duration=%s"%(r,seg), "-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), w],capture_output=True); bassparts.append(w) bass=os.path.join(tmpdir,"bass.wav"); concat(bassparts,bass) # kick 4-temps kick=os.path.join(tmpdir,"kick.wav") 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) # shaker/hat contretemps hat=os.path.join(tmpdir,"hat.wav") 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) # arpège/pluck brillant (croches, deux notes en alternance) arp=os.path.join(tmpdir,"arp.wav") subprocess.run([FFMPEG,"-y","-f","lavfi", "-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, "-af","highpass=f=350,lowpass=f=6000",arp],capture_output=True) # mix final subprocess.run([FFMPEG,"-y","-i",pad,"-i",bass,"-i",kick,"-i",hat,"-i",arp, "-filter_complex", "[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];" "[p][b][k][h][ar]amix=inputs=5:normalize=0," "aecho=0.8:0.88:70:0.22," "acompressor=threshold=-18dB:ratio=3.5:attack=6:release=160," "highpass=f=32,alimiter=limit=0.94," "afade=t=in:st=0:d=0.5,afade=t=out:st=%s:d=1.6[a]"%(dur-1.6), "-map","[a]","-ar","44100",out_wav],capture_output=True) def render(ins, out_dir): os.makedirs(out_dir,exist_ok=True) prod=ins.get('product') if prod and prod.get('image') and not prod.get('image_data'): du=data_uri(prod['image']) if du: prod['image_data']=du for it in (ins.get('list') or []): if it.get('image') and not it.get('image_data'): du=data_uri(it['image']) if du: it['image_data']=du key=hashlib.md5((ins['site']+ins.get('insight_id','')+'reel').encode()).hexdigest()[:8] tmp=os.path.join(out_dir,"_reeltmp_"+key); os.makedirs(tmp,exist_ok=True) html_path=os.path.join(tmp,"reel.html"); open(html_path,"w",encoding="utf-8").write(build_html(ins)) webm=os.path.join(tmp,"reel.webm"); record_webm(html_path,webm,tmp) wav=os.path.join(tmp,"bed.wav"); make_music(DUR,wav) out=os.path.join(out_dir,f"reel-{ins['site']}-{ins.get('insight_id','x')}.mp4") subprocess.run([FFMPEG,"-y","-i",webm,"-i",wav, "-filter_complex","[0:v]scale=1080:"+str(HREEL)+":force_original_aspect_ratio=increase,crop=1080:"+str(HREEL)+",fps=30,format=yuv420p[v]", "-map","[v]","-map","1:a","-c:v","libx264","-preset","slow","-crf","18", "-c:a","aac","-b:a","160k","-pix_fmt","yuv420p","-movflags","+faststart","-shortest",out], capture_output=True) # nettoyage for f in glob.glob(os.path.join(tmp,"*")): try: os.remove(f) except: pass try: os.rmdir(tmp) except: pass if not os.path.exists(out): raise SystemExit("mp4 non produit") return out if __name__=="__main__": ins=json.load(sys.stdin) out_dir=sys.argv[1] if len(sys.argv)>1 else "/tmp/ka-reels" print(render(ins,out_dir))