Encyclopedie technique · Formats · Outils · Confidentialite

Base de connaissances Flownect

Un wiki technique complet : PDF, images, audio, publicite video, chiffrement, IA vocale, formats de fichiers et traitement local dans le navigateur. Chaque notion expliquee en profondeur.

Confidentialite, navigateur et traitement local

Le principe differenciateur de Flownect : comprendre quand vos donnees quittent votre appareil, et quand elles peuvent rester dessus.

Disponible sur Flownect :
Article pilier

Traitement local dans le navigateur : definition, avantages et limites

Un traitement local dans le navigateur signifie que l'operation est executee directement sur l'appareil de l'utilisateur, sans envoyer le fichier vers une infrastructure distante. Le navigateur charge le code JavaScript de l'outil, lit le fichier en memoire via l'API File ou FileReader, effectue la transformation demandee, puis genere le resultat telechargeable via un Blob URL.

Principe fondamental : quand un outil fonctionne dans le navigateur, le fichier ne quitte jamais votre appareil. Le service ne peut pas conserver, indexer ou analyser votre contenu — meme s'il le voulait.

Les APIs web qui rendent cela possible

  • File API : acces en lecture aux fichiers selectionnes par l'utilisateur.
  • FileReader API : lecture asynchrone du contenu (texte, ArrayBuffer, base64).
  • Canvas API : manipulation pixel par pixel des images.
  • Web Crypto API : calcul de hashs (SHA-256, SHA-512) et chiffrement (AES-GCM) nativement dans le navigateur.
  • AudioContext API : decodage, analyse et traitement de flux audio.
  • WebAssembly (WASM) : execution de bibliotheques natives (FFmpeg, ImageMagick) a vitesse quasi-native directement dans le navigateur.

Operations locales vs serveur

OperationLocal ?TechnologieRemarque
Compression imageOuiCanvas APITres rapide, qualite controlable
Calcul hash SHA-256OuiWeb Crypto APIImplementation native securisee
Encodage / decodage Base64Ouibtoa() / atob()Fonctions JS natives
Generation QR codeOuiqrcode.jsAucune donnee ne quitte le navigateur
Compression audio simpleOuiAudioContext + ffmpeg.wasmLimite par la RAM disponible
Compression PDFOuiGhostscript (WASM)Sur Flownect : entièrement dans le navigateur
Conversion PDF vers WordServeurLibreOfficeSur Flownect : serveur Amsterdam, fichier supprimé après traitement
OCR reconnaissance texteOuiTesseract.js (WASM)Sur Flownect : local, peut être lent sur gros fichiers
Transcription voix STTOui (Flownect vidéo)Whisper (WASM)Dans le navigateur sur Flownect ; les API cloud restent une alternative

RGPD et traitement de fichiers en ligne

En droit europeen, des qu'un fichier contenant des donnees personnelles transite par un serveur, le service devient un sous-traitant au sens du RGPD. Les obligations incluent : base legale du traitement, information de l'utilisateur, duree de conservation limitee, et mesures de securite appropriees. Le traitement local elimine ce probleme a la source.

Chez Flownect : la majorité des outils tournent dans le navigateur. Passent par nos serveurs à Amsterdam (fichiers supprimés juste après) : conversions Office (Word, Excel, PowerPoint ↔ PDF), extractions PDF vers Word/Excel/PPT, fusion de PDF, plans DWG/DXF. OCR, transcription vidéo (Whisper), compression PDF et la plupart des outils image/audio/code restent locaux.

Le modèle du passe-plat technique : quand un serveur est techniquement indispensable, la bonne pratique est de limiter son role a la reception temporaire, au traitement, au renvoi du fichier, puis a la suppression immediate des donnees. Un outil transparent le signale clairement.
Zero data collector

Ce que "zero data collector" signifie vraiment

Ce positionnement signifie que l'outil n'est pas concu pour transformer chaque interaction en profil marketing. Concretement : pas de compte obligatoire, pas d'historique des fichiers traites cote serveur, pas de revente de donnees a des tiers publicitaires, logs techniques minimaux sans identifiant personnel.

Limites a connaitre

Quand le traitement local a ses limites

Le traitement local ne protege pas contre : les extensions de navigateur malveillantes qui interceptent les fichiers, un code charge depuis un CDN tiers compromis, les copies systeme creees par l'OS (swap, fichiers temporaires), ou une attaque par canal lateral sur navigateur non patche.

Encyclopedie PDF

Le format le plus universellement utilise et le moins bien compris. Structure, versions, manipulation et securite des fichiers PDF.

Disponible sur Flownect :
Article pilier

Le format PDF en profondeur : structure, versions et cas d'usage

Le PDF (Portable Document Format) a ete cree par Adobe en 1993 et est devenu standard ISO en 2008 (ISO 32000). Son objectif originel : representer fidelement un document independamment du systeme d'exploitation, de l'imprimante ou du logiciel. Ce n'est pas un format d'edition — c'est un format de presentation finale.

Structure interne d'un fichier PDF

Un PDF est un fichier textuel bialise pouvant contenir des donnees binaires. Sa structure comporte quatre parties :

  • Header : version du standard (ex. %PDF-1.7 ou %PDF-2.0).
  • Body : ensemble d'objets numerotes (pages, polices, images, annotations, metadonnees).
  • Cross-reference table (xref) : table d'offset permettant un acces direct a chaque objet sans lire tout le fichier.
  • Trailer : pointeur vers la xref et les metadonnees racines.
Pourquoi un PDF est difficile a modifier : les elements de mise en page (positions, polices, espacements) sont encodes en coordonnees absolues sur la page, pas en flux de texte reflowable comme un fichier Word. Modifier le texte necessite de recalculer les positions de tous les elements adjacents.

Versions majeures du PDF et leurs apports

VersionAnneeApport principal
PDF 1.01993Format initial Adobe, lecture seule
PDF 1.42001Transparence, annotations avancees
PDF 1.62004Chiffrement AES-128, contenus 3D
PDF 1.72006Standard ISO 32000-1, XFA, JavaScript embarque
PDF/A2005Archivage long terme (ISO 19005), polices embarquees obligatoires
PDF/UA2012Accessibilite universelle (ISO 14289)
PDF 2.02017ISO 32000-2, chiffrement AES-256, structures ameliorees

Pourquoi un PDF peut etre tres lourd

  • Images haute resolution integrees : une image de 10 Mo inseree dans Word sera encodee en pleine resolution dans le PDF exporte si aucune compression n'est activee.
  • Polices embarquees : les polices completes peuvent peser plusieurs centaines de kilooctets. Le sous-ensemble (font subsetting) n'inclut que les caracteres reellement utilises.
  • Calques et historique : les PDFs generes depuis Illustrator ou InDesign peuvent inclure des donnees de calques editables.
  • Scans non comprimes : un PDF issu d'un scanner a 300 dpi sans compression est quasi-identique en poids a un fichier TIFF brut.
  • Metadonnees et miniatures : vignettes de previsualisation, donnees XMP, commentaires embarques.

Niveaux de signature electronique (reglementation UE)

NiveauValeur legale UETechnologieUsage typique
Signature visuelleAucuneImage PNG de signatureDocuments internes — Flownect
SES (Simple)LimiteeClic + email de confirmationContrats B2C simples, bons de commande
AES (Avancee)ForteCertificat lie a l'identite, PKIContrats commerciaux, RH, immobilier
QES (Qualifiee)Equivalente papierCertificat qualifie eIDAS, prestataire agreeActes notariaux, marches publics

Proteger un PDF : chiffrement et restrictions

→ Protéger un PDF (mot de passe) sur Flownect

  • Mot de passe d'ouverture (user password) : requis pour ouvrir le fichier. Sans lui, le contenu est illisible.
  • Mot de passe proprietaire (owner password) : controle les permissions (impression, copie, modification, annotation). Peut etre contourne sur les vieux PDFs chiffres en RC4-40 bits.
Securite reelle : seul le chiffrement AES-256 (PDF 1.7+ ou PDF 2.0) offre une protection robuste. Les anciens PDF proteges avec RC4-128 ou RC4-40 bits sont trivialement dechiffrables avec des outils librement disponibles.
Compression

Techniques de compression PDF

→ Compresser un PDF sur Flownect

Deux approches complementaires : recompression des images (reduire la resolution de 300 a 96 dpi, changer le codec, reduire la qualite JPEG) et optimisation structurelle (supprimer les metadonnees inutiles, subsetting des polices, aplatir les transparences). Un PDF de 10 Mo contenant des captures d'ecran peut souvent etre reduit a 500 Ko sans perte visible.

Fusion

Fusionner des PDF : cas d'usage

→ Fusionner des PDF sur Flownect (serveur EU)

  • Dossiers administratifs (candidature, dossier de pret, sinistre assurance).
  • Liasses comptables (factures + releves + justificatifs).
  • Livraison client (rapport + annexes + devis).
  • Archives legales (contrats + avenants + courriers).
Conversion

PDF vers Word : pourquoi c'est complexe

→ PDF vers Word sur Flownect (serveur EU)

Le PDF stocke des positions absolues, pas une semantique de document. Les defis : reconstruction de l'ordre de lecture, identification des colonnes et tableaux, recuperation des polices. Les PDFs scannes necessitent en plus une OCR prealable. Le resultat reste souvent imparfait sur les mises en page complexes.

Signature sur PDF : visuelle vs électronique (guide pédagogique)

Comprendre la différence entre une image de paraphe et une vraie signature eIDAS — et ce que Flownect propose réellement.

Ce que propose Flownect : l’outil Signer / parapher un PDF place une image, un dessin ou un bloc de texte sur vos pages, en local dans le navigateur. C’est une signature visuelle (comme coller un scan de paraphe) — pas une signature électronique simple, avancée ou qualifiée au sens eIDAS. Le contenu ci-dessous est un guide encyclopédique ; pour une valeur probatoire, utilisez un prestataire certifié (YouSign, DocuSign, etc.).
Guide signature

Signature visuelle, SES, AES, QES : ce qu’il faut distinguer

La « signature » sur un PDF recouvre des réalités très différentes. Beaucoup confondent la signature visuelle (une image de paraphe) avec une signature électronique ayant valeur probatoire. Sur Flownect, seule la première catégorie est disponible.

Les 4 niveaux de signature electronique selon eIDAS

Le reglement europeen eIDAS (n° 910/2014) definit une hierarchie de signatures electroniques selon leur niveau d'assurance :

NiveauAcronymeValeur legale UETechnologiePrestataire requis
Signature visuelleNulle (decorative)Image PNG/JPEG inseree dans le PDFNon
Signature electronique simpleSESLimiteeEmail, clic de confirmation, OTP SMSNon
Signature electronique avanceeAES / SEAForteCertificat X.509 lie a l'identite, PKI, cle privee RSA/ECDSAPossible
Signature electronique qualifieeQES / SEQEquivalente signature manuscriteCertificat qualifie sur dispositif securise (QSCD), HSM, carte a puceOui (PSCO agree eIDAS)

Comment fonctionne une signature electronique avancee (AES) sur un PDF

Une vraie signature electronique n'est pas une image — c'est une operation cryptographique. Voici le processus :

1
Hash du document

Un hash SHA-256 (ou SHA-384) du contenu du PDF est calcule. Ce hash est l'empreinte unique du document a cet instant precis.

2
Chiffrement du hash avec la cle privee

Le hash est chiffre avec la cle privee RSA ou ECDSA du signataire. Ce chiffrement constitue la signature numerique proprement dite.

3
Inclusion dans le PDF

La signature (hash chiffre) et le certificat public du signataire sont embeds dans une structure /Sig dans le PDF, conformement au standard PAdES (PDF Advanced Electronic Signatures, ETSI EN 319 100).

4
Verification

Le verificateur recalcule le hash du document, dechiffre la signature avec la cle publique du signataire (contenue dans le certificat), et compare les deux. Si identiques : le document n'a pas ete modifie depuis la signature, et l'identite du signataire est certifiee par l'autorite de certification.

Standards PDF de signature electronique

StandardDescriptionUsage
PAdES-BBaseline — signature minimale avec horodatageUsage courant, contrats, RH
PAdES-TAvec token d'horodatage qualifie (TSA)Preuve de date certifiee
PAdES-LTLong-term — integre la chaine de certificats et les CRL/OCSPArchivage longue duree
PAdES-LTALong-term avec archivage periodique des horodatagesConservation tres longue duree (10 ans+)

Signature PDF : cas d'usage par secteur

Juridique

Contrats et actes

  • Contrats de travail, avenants, lettres de mission.
  • Contrats commerciaux B2B et B2C.
  • Compromis de vente immobiliere.
  • Actes notaries electroniques (QES obligatoire).
Administratif

Documents officiels

  • Marches publics (QES requise en France selon le montant).
  • Declarations fiscales demateriaisees.
  • Dossiers medicaux et prescriptions electroniques.
  • Diplomes electroniques verifiables.
Finance

Documents financiers

  • Rapports annuels signes electroniquement.
  • Bulletins de paie electroniques (SES suffit en France).
  • Offres de pret et mandats SEPA.
  • Factures electroniques (signature optionnelle mais recommandee).

Solutions tierces de signature électronique (hors Flownect)

SolutionNiveau maxPrixConformite eIDASIntegration API
DocuSignQESFreemium → EnterpriseOuiOui
YouSignQESFreemium → ProOui (France)Oui
DocaposteQESSur devisOui (ANSSI)Oui
Adobe Acrobat SignQESFreemium → ProOuiOui
Signature locale (pdf-lib)AESGratuit (open-source)Selon implementationOui
Adobe Acrobat (local)AESInclus Acrobat ProSelon certificatNon
Cas pratique : pour les bulletins de paie electroniques en France, une signature electronique simple (SES) suffit selon l'article R3243-9 du Code du travail. Pour les marches publics au-dessus de 40 000 EUR HT, une signature AES ou QES avec certificat qualifie est obligatoire.

Verification d'une signature PDF

Comment savoir si la signature d'un PDF est valide ? La verification implique :

  • Integrite du document : le hash recalcule correspond-il a celui signe ? (detecte toute modification post-signature)
  • Validite du certificat : le certificat du signataire est-il emis par une autorite de confiance (CA reconnue) et non revoque (verification OCSP ou CRL) ?
  • Horodatage : le token d'horodatage TSA prouve-t-il que la signature est anterieure a l'expiration du certificat ?

Adobe Acrobat affiche les resultats de cette verification dans le panneau "Signatures". Un PDF avec une signature valide affiche une bandeau bleu "Le document est certifie par..." ou vert "La signature est valide".

Filigrane (watermark) : usages, techniques et limites

Protection de droits d'auteur, tracabilite de fuite, branding de documents : le filigrane est un outil polyvalent dont les usages vont bien au-dela de la simple mention "CONFIDENTIEL".

Disponible sur Flownect :
Guide filigrane

Le filigrane numerique : visible, invisible, forensique — le guide complet

Les deux grandes familles de filigranes

Filigrane visible

Texte ou image superpose au contenu d'origine, perceptible par l'utilisateur. Objectif : dissuasion, branding, indication du statut du document. Exemples : "CONFIDENTIEL", "BROUILLON", logo en transparence.

Filigrane invisible (steganographie)

Information cachee dans le fichier, imperceptible a l'oeil nu mais detectable par un logiciel specialise. Objectif : tracabilite, forensique, identification de la source d'une fuite. Utilisee par les services de renseignement, les studios de cinema, les cabinets d'avocats.

Cas d'usage du filigrane visible

Cas d'usageContenu du filigraneObjectifSecteur
Protection photosNom du photographe / URLDroits d'auteur, attribution, dissuasion de volPhotographie, stock d'images
Documents confidentiels"CONFIDENTIEL", "NE PAS DIFFUSER"Rappel de statut, responsabilisation du destinataireJuridique, finance, RH
Brouillons et drafts"BROUILLON", "DRAFT v2.1"Eviter la diffusion d'une version non finaleTous secteurs
Documents personnalisesNom + email du destinataireTracabilite de la fuite (forensique simple)Agences de presse, cabinets conseil
Epreuves et maquettes"EPREUVE", "BON A TIRER"Distinguer l'epreuve du fichier final de productionImprimerie, PAO, edition
Protection de coursNom de l'etablissement / etudiantLimiter la diffusion de contenus pedagogiques payantsFormation, e-learning
Devis et offres commercialesLogo client + date d'emissionBranding, limitation de reutilisation par des tiersCommercial, ESN, agences
Annonces immobilieresLogo agence, URLEmpechement de la publication sur des sites concurrentsImmobilier

Filigrane forensique : identifier la source d'une fuite

Le filigrane forensique (ou document fingerprinting) consiste a generer une version legerement differente d'un document pour chaque destinataire. Ces differences — imperceptibles a l'oeil — permettent d'identifier precisement qui a divulgue le document en cas de fuite.

Techniques utilisees :

  • Variation de l'espacement des mots ou des lignes de quelques dixiemes de pixel — invisible visuellement mais detectable algorithmiquement.
  • Substitution de synonymes a des positions specifiques dans le texte ("obtenir" / "avoir", "rapport" / "document").
  • Variation de la position de l'image d'un pixel ou deux selon le destinataire.
  • Metadonnees embarquees dans les canaux de couleur de l'image (steganographie LSB).
Limite importante : le filigrane visible peut etre supprime par recadrage, retouche ou re-impression/scan. Le filigrane forensique textuel peut etre vaincu par une retranscription manuelle. Seul le filigrane invisible de bas niveau (steganographie sur les pixels) resiste a la photocopie et au scan dans une certaine mesure.

Filigrane sur images : bonnes pratiques techniques

  • Position : eviter les coins (facilement recadrables). Privilegier le centre ou un placement asymetrique couvrant une partie significative du sujet.
  • Opacite : entre 20 et 40% pour un equilibre lisibilite/discretion. Une opacite trop faible est invisible sur les zones claires ; trop forte degrade l'experience visuelle.
  • Format : utiliser un logo en PNG avec canal alpha pour que le fond soit transparent.
  • Repetition : un filigrane en mosaique (pattern repete) est plus difficile a supprimer qu'un filigrane unique.
  • Resolution : generer le filigrane a la meme resolution que l'image source pour eviter les artefacts d'interpolation.

Filigrane sur PDF : methodes

  • Calque de contenu PDF : le filigrane est ajoute comme un calque XObject dans le PDF, positionne par-dessus (overlay) ou en dessous (underlay) du contenu existant. Modifiable si le PDF n'est pas protege.
  • Aplatissement (flatten) : le filigrane est fusionne avec le contenu de la page — il devient partie integrante du rendu et ne peut plus etre supprime en "cachant un calque".
  • Impression vers PDF : imprimer le document vers un driver PDF avec le filigrane applique au niveau du driver — resultat equivalent a l'aplatissement.

Filigrane vs DRM (Digital Rights Management)

Ces deux approches de protection ne sont pas equivalentes :

CritereFiligraneDRM
Mode de protectionDissuasion et tracabiliteBlocage technique de l'acces
Empechement de la copieNonOui (si non contourne)
Tracabilite de fuiteOui (forensique)Non
Experience utilisateurFluideContraignante (logiciel requis)
Resistance techniqueModereeForte (mais contournable)
Usage typiquePhotos, press kits, documents internesEbooks, logiciels, films (iTunes, Kindle)

Images numeriques : formats, compression et optimisation web

Du pixel a l'affichage : comprendre les formats d'image, leur compression et leur impact sur les performances web.

Disponible sur Flownect :
Guide complet

JPG, PNG, WebP, AVIF, SVG, HEIC : le guide de reference des formats image

Les deux grands types de compression

  • Compression avec perte (lossy) : certaines donnees sont definitivement supprimees. La qualite visuelle se degrade a chaque reencodage. Le JPEG en est l'exemple canonique.
  • Compression sans perte (lossless) : toutes les donnees originales sont conservees. Le fichier peut etre decompresse a l'identique. Le PNG utilise cette approche.

Comparatif complet des formats image

FormatCompressionTransparenceAnimationSupport navigateursUsage ideal
JPEG / JPGLossyNonNonUniverselPhotos, degrades, fonds complexes
PNGLosslessAlphaNonUniverselLogos, UI, captures, texte net
GIFLossless 256 couleurs1 bitOuiUniverselAnimations simples (format depasse)
WebPLossy + LosslessAlphaOui96%+ navigateursRemplacement moderne JPG/PNG pour le web
AVIFLossy + LosslessAlphaOui85% navigateursCompression maximale, photos haute qualite
SVGVectoriel XMLOuiCSS/SMILUniverselLogos, icones, illustrations, diagrammes
HEIC / HEIFLossy HEVCOuiOuiApple natif uniquementPhotos iPhone, stockage iOS efficace
TIFFLossy ou LosslessOuiPagesPas navigateursImpression professionnelle, archivage RAW

Comment le JPEG compresse-t-il une image ?

L'algorithme JPEG est un chef-d'oeuvre d'ingenierie base sur les limites de la perception humaine :

  1. Conversion colorimetrique : l'image RGB est convertie en YCbCr (luminance Y + chrominance Cb et Cr). L'oeil est beaucoup plus sensible aux details de luminance qu'aux nuances de couleur.
  2. Sous-echantillonnage chromatique : les canaux Cb et Cr sont reduits (souvent 4:2:0), ce qui divise immediatement de moitie les donnees couleur sans perte visuelle notable.
  3. Decoupage en blocs 8x8 pixels.
  4. DCT (Transformee en Cosinus Discrete) : chaque bloc est transforme en frequences spatiales. Les hautes frequences (details fins) seront quantifiees agressivement.
  5. Quantification : etape destructrice qui determine le niveau de qualite (1 a 100). Plus la qualite est basse, plus les hautes frequences sont supprimees, creant les artefacts de blocs caracteristiques.
  6. Encodage Huffman : compression sans perte des valeurs quantifiees.
Conseil pratique : pour le web, une qualite JPEG entre 75 et 85 offre le meilleur rapport qualite/poids. En dessous de 60, les artefacts deviennent visibles sur les zones unies et les bords francs.

Metadonnees EXIF : ce que votre photo contient

Le format EXIF stocke dans chaque photo des metadonnees souvent ignorees : modele d'appareil, objectif, ouverture, vitesse, ISO, balance des blancs, date et heure precise, et si la localisation GPS est activee sur le smartphone, latitude et longitude exactes du lieu de prise de vue.

Attention confidentialite : publier une photo sans supprimer ses donnees EXIF peut reveler votre adresse domicile (photo prise chez vous), l'appareil utilise et votre historique de deplacements. La suppression des metadonnees avant partage est une bonne pratique systematique. → Nettoyer les métadonnées sur Flownect

WebP vs JPEG vs PNG : les gains concrets

Google, qui a developpe WebP, publie des benchmarks montrant que WebP lossy est en moyenne 25 a 35% plus leger qu'un JPEG equivalent, et WebP lossless est 26% plus leger qu'un PNG equivalent. AVIF, base sur le codec video AV1, pousse encore plus loin avec jusqu'a 50% de gain sur JPEG selon les benchmarks Netflix. Ces gains se traduisent directement en temps de chargement de page et en economies de bande passante significatives a grande echelle.

Audio numerique : formats, bitrate, egaliseur et traitement

De la physique du son a l'egalisation professionnelle : tout comprendre sur l'audio numerique pour les podcasteurs, createurs et musiciens.

Disponible sur Flownect :
Guide pilier

Le son numerique de A a Z : numerisation, formats, bitrate et egaliseur

Comment le son devient numerique

Le son est une onde physique de compression et decompression de l'air. Pour le numeriser, on applique deux parametres fondamentaux :

  • Frequence d'echantillonnage (sample rate) : nombre de mesures par seconde de l'onde sonore. Le theoreme de Nyquist-Shannon stipule qu'il faut echantillonner a au moins le double de la frequence maximale perceptible (20 kHz pour l'oreille humaine), d'ou le standard CD a 44 100 Hz. Le standard audio/video professionnel est a 48 000 Hz.
  • Profondeur de bits (bit depth) : precision de chaque mesure. En 16 bits (CD), chaque echantillon peut prendre 65 536 valeurs. En 24 bits (studio), 16,7 millions de valeurs, soit une plage dynamique de 144 dB contre 96 dB pour le 16 bits.

Comparatif des formats audio

FormatTypeBitrate typiquePoids 3 minUsage recommande
WAVNon compresse1 411 kbps (CD)~30 MoMontage, archivage, master studio
AIFFNon compresse1 411 kbps~30 MoEquivalent WAV (ecosysteme Apple)
FLACLossless compresse600–1 000 kbps~15 MoArchivage qualite maximale, audiophiles
MP3Lossy128–320 kbps3–7 MoDistribution musique, podcast, streaming
AACLossy128–256 kbps3–5 MoApple Music, YouTube, iTunes — meilleur que MP3 a bitrate egal
OGG VorbisLossy96–500 kbps2–5 MoWeb, jeux, open-source
OpusLossy6–510 kbpsVariableVoix temps reel, WebRTC, Discord

L'egaliseur audio : guide complet des frequences

Un egaliseur (EQ) permet de modifier l'amplitude de bandes de frequences specifiques. Ce n'est pas un outil magique : il ne corrige pas un mauvais enregistrement, il sculpte un spectre deja existant. Comprendre les frequences est essentiel avant de toucher un curseur.

BandeFrequencesPerceptionBooste pourCoupe pour
Sub-basses20–60 HzRessenti physique, vibrationMusique electronique, basse profondeVoix (boue sonore, inefficace)
Basses60–250 HzChaleur, rondeur, corpsKick drum, basse guitare, voix chaudeReduire le boum des pieces non traitees
Bas-mediums250–500 HzZone boueuse si excessiveDonner du corps a des instruments finsNettoyer un mix sature ou nasal
Mediums500 Hz – 2 kHzIntelligibilite, presence vocaleVoix podcast, solosReduire la nasalite (750–900 Hz)
Haut-mediums2–6 kHzClarte, attaque, consonnesRendre la voix plus proche, plus claireReduire la fatigue auditive prolongee
Hauts6–10 kHzSibilance, sifflantes, presenceAir, brillance, definitionReduire la sibilance (de-esser a 5–8 kHz)
Tres hauts10–20 kHzAir, ether, espaceSensation d'espace, hi-hatReduire le souffle haute frequence

Recette EQ pour un podcast : voix claire et intelligible

1
High-pass filter a 80–100 Hz

Coupe tous les sons en dessous de 80 Hz (bruits de salle, vibrations mecaniques). Inaudible sur la voix, mais nettoie considerablement le mix.

2
Legere coupe a 250–400 Hz (−2 a −3 dB)

Reduit la boue sonore typique des voix enregistrees dans une piece non traitee acoustiquement.

3
Legere coupe a 700–900 Hz (−1 a −2 dB)

Attenue la nasalite. Trouver la bonne frequence au sweep : couper de 3 a 6 dB et balayer la bande jusqu'a trouver le point le plus desagreable.

4
Boost a 3–5 kHz (+1 a +3 dB)

Ajoute de la presence et de l'intelligibilite. La voix arrive mieux dans le mix. Ne pas depasser +3 dB sans ecoute comparative sur plusieurs supports.

5
De-esser sur la sibilance (6–8 kHz)

Si la voix presente des sifflantes agressives, un de-esser dynamique est plus efficace qu'une simple coupe statique a l'EQ.

Normalisation du volume : RMS vs LUFS

  • RMS (Root Mean Square) : mesure la puissance moyenne d'un signal. Ancienne methode, encore utilisee en broadcast.
  • LUFS (Loudness Unit Full Scale) : standard moderne (EBU R128, ITU-R BS.1770). Prend en compte la perception humaine des frequences. Les plateformes imposent des cibles : Spotify a −14 LUFS, Apple Music a −16 LUFS, YouTube a −14 LUFS, podcasts a −16 LUFS.
Pour les podcasteurs : exporter a −16 LUFS integrated, true peak a −1 dBTP. Cela garantit un niveau coherent sur toutes les applications d'ecoute. → Vérifier le LUFS avec AudioReady

VAST, VPAID, VMAP et l'ecosysteme de la publicite video

Un angle technique rare en francais. Guide de reference pour les professionnels de l'adtech : editeurs, annonceurs, traffickers et developpeurs.

Disponible sur Flownect :
Encyclopedie adtech

VAST explique en profondeur : standard, structure XML, tracking et debug

VAST (Video Ad Serving Template) est un standard XML publie et maintenu par l'IAB (Interactive Advertising Bureau). Il definit le protocole de communication entre un lecteur video (player) et un serveur publicitaire (ad server). Sa premiere version date de 2008. La version courante est VAST 4.2 (2019), avec VAST 4.3 en cours d'adoption en 2025.

Le flux de diffusion d'une publicite video

1
Ad Request

Le player video effectue une requete HTTP GET vers l'URL du tag VAST. Cette URL contient des macros dynamiques : ID de placement, dimensions, consentement GDPR, User-Agent, timestamp de cache-busting.

2
Reponse XML

Le serveur renvoie un fichier XML conforme au schema VAST. Ce fichier contient l'URL du media video, les pixels de tracking, les informations de clic, la duree et les instructions de rendu.

3
Resolution des wrappers (si necessaire)

Si le XML contient un element <Wrapper>, le player suit la chaine en appelant chaque URL jusqu'a atteindre un <InLine> contenant le media reel. Chaque etape peut ajouter ses propres trackers.

4
Lecture et tracking

Le player lit la video et declenche les pixels aux evenements definis : impression, start, firstQuartile, midpoint, thirdQuartile, complete, skip, mute, fullscreen, click.

Structure XML d'un tag VAST 4.x avec tracking complet

Exemple VAST 4.2 — InLine avec tracking completXML
<VAST version="4.2">
  <Ad id="12345">
    <InLine>
      <AdSystem>MonAdServer</AdSystem>
      <AdTitle>Campagne Flownect Q3 2025</AdTitle>
      <Impression>
        <![CDATA[https://tracker.com/imp?id=ABC&ts=[TIMESTAMP]]]>
      </Impression>
      <Creatives>
        <Creative>
          <Linear skipoffset="00:00:05">
            <Duration>00:00:30</Duration>
            <TrackingEvents>
              <Tracking event="start">
                <![CDATA[https://track.com/start]]>
              </Tracking>
              <Tracking event="firstQuartile">
                <![CDATA[https://track.com/q1]]>
              </Tracking>
              <Tracking event="midpoint">
                <![CDATA[https://track.com/mid]]>
              </Tracking>
              <Tracking event="thirdQuartile">
                <![CDATA[https://track.com/q3]]>
              </Tracking>
              <Tracking event="complete">
                <![CDATA[https://track.com/complete]]>
              </Tracking>
              <Tracking event="skip">
                <![CDATA[https://track.com/skip]]>
              </Tracking>
            </TrackingEvents>
            <VideoClicks>
              <ClickThrough>
                <![CDATA[https://www.flownect.fr]]>
              </ClickThrough>
              <ClickTracking>
                <![CDATA[https://track.com/click]]>
              </ClickTracking>
            </VideoClicks>
            <MediaFiles>
              <MediaFile delivery="progressive"
                type="video/mp4" width="1920"
                height="1080" bitrate="2500">
                <![CDATA[https://cdn.ex.com/ad_1080p.mp4]]>
              </MediaFile>
              <MediaFile delivery="progressive"
                type="video/mp4" width="640"
                height="360" bitrate="700">
                <![CDATA[https://cdn.ex.com/ad_360p.mp4]]>
              </MediaFile>
            </MediaFiles>
          </Linear>
        </Creative>
      </Creatives>
    </InLine>
  </Ad>
</VAST>

Comparatif VAST / VPAID / VMAP / SIMID / OM SDK

StandardRoleTechnologieStatut 2025
VASTDelivrance de la publicite video et tracking des evenementsXML + URLs de trackersActif — version 4.3
VPAIDPublicites interactives avec logique JavaScript dans le playerJavaScript / FlashDeprecie — remplace par SIMID
VMAPPlannification de multiples annonces (pre/mid/post-roll)XMLActif mais peu utilise en pratique
SIMIDSuccesseur de VPAID, creatives interactives securisees via iframeJavaScript + PostMessage APIActif — adoption en cours
OM SDKMesure de la visibilite (viewability) standardiseeSDK JavaScriptStandard de facto viewability
DAASTVariante VAST pour la publicite audioXMLUtilise pour les flux audio / podcast

Codes d'erreur VAST : reference complete

CodeSignificationCause probableSolution
100XML mal formeBalise non fermee, caractere interditValider le XML dans un parser
101Version VAST non supporteePlayer trop ancien ou trop recentVerifier la version du player
102Attribut requis manquantDuration, MediaFile absentVerifier les champs obligatoires
200Trafficking errorMauvais placement de l'annonceVerifier le ciblage
300Wrapper no adsLa chaine de wrappers renvoie videVerifier la disponibilite de l'inventaire
302Wrapper limit reachedChaine de wrappers trop longue (plus de 5)Reduire le nombre de wrappers
303Wrapper response timeoutServeur lent ou non disponibleVerifier la latence du serveur publicitaire
400Impossible de charger le mediaURL du fichier video inaccessibleVerifier l'URL MediaFile, HTTPS, CORS
401Format video non supporteCodec incompatible avec le playerProposer plusieurs formats MediaFile
402Fichier video trop courtDuree reelle differente de la duree declareeCorriger le champ Duration ou le fichier
403VPAID non supportePlayer en sandbox ou mobileUtiliser SIMID ou VAST pur
900Erreur inconnueEvenement generique de fallbackAnalyser les logs serveur detailles

Les macros VAST : personnalisation dynamique du tag

Les macros sont des variables inserees dans l'URL du tag VAST et remplacees dynamiquement par le player ou l'ad server au moment de la requete. Elles permettent de transmettre des informations contextuelles sans hardcoder les valeurs.

MacroValeur remplaceeUsage typique
[TIMESTAMP]Heure Unix en millisecondesCache-busting — garantit une requete fraiche
[CACHEBUSTER]Nombre aleatoireEquivalent TIMESTAMP, style DFP/GAM
[GDPR]0 ou 1 (consentement)Conformite TCF / IAB Consent Framework
[GDPR_CONSENT_XXX]Consent string TCF 2.x encodeeTransmise au DSP pour ciblage consenti
[PAGEURL]URL de la page de diffusionBrand safety, ciblage contextuel
[WIDTH] / [HEIGHT]Dimensions du slot publicitaireSelection de la bonne taille creative
[PLAYERSIZE]Taille du player en pixelsAdaptatif responsive
Erreur frequente : oublier le [CACHEBUSTER] ou [TIMESTAMP] dans un tag VAST de production fait que les CDN et proxies peuvent servir une reponse mise en cache, faussant les comptages d'impressions et les statistiques de diffusion.

TCF, Consent String et consentement programmatique

Le standard IAB Europe qui regit le consentement dans toute la chaine programmatique : CMP, consent string, decoupage en bits, transmission dans les bid requests et les tags publicitaires.

Disponible sur Flownect :
Adtech & RGPD

Transparency & Consent Framework (TCF) : anatomie complete de la consent string

Le TCF (Transparency and Consent Framework) est le protocole de consentement developpe par l'IAB Europe pour standardiser la transmission des preferences des utilisateurs dans l'ecosysteme publicitaire programmatique. La version actuelle est TCF 2.2 (publiee en 2023). Il est utilise par des milliers de CMP (Consent Management Platforms) et des dizaines de milliers de sites web en Europe.

Les acteurs du TCF

ActeurRoleExemples
CMP (Consent Management Platform)Affiche la banniere de consentement, collecte les choix de l'utilisateur, genere la consent string, la stocke dans un cookie et l'expose via l'API TCF (window.__tcfapi)Didomi, Axeptio, Quantcast CMP, OneTrust, Sirdata
Editeur (Publisher)Integre une CMP sur son site, declare ses partenaires publicitaires dans la GVL (Global Vendor List)Sites medias, e-commerce, SaaS
Vendor (partenaire)Acteur enregistre dans la GVL IAB qui traite des donnees pour des finalites declareesDSP, SSP, DMP, ad servers, solutions de mesure
GVL (Global Vendor List)Liste officielle IAB de tous les vendeurs TCF declares avec leurs finalitesvendorlist.consensu.org

Les finalites TCF (Purposes)

Le TCF definit 10 finalites standardisees (Purposes) pour lesquelles les vendeurs peuvent demander un consentement ou invoquer un interet legitime :

Purpose IDIntituleConcerne
P1Stocker et/ou acceder a des informations sur un terminalCookies, stockage local
P2Publicites et contenu personalises, mesure de performance et de l'audiencePublicite comportementale
P3Creer un profil personnalise pour la publiciteDMP, profils audiences
P4Utiliser des profils existants pour personaliser la publiciteRetargeting, DSP
P5Mesurer les performances des publicitesAd verification, attribution
P6Creer un profil personnalise pour le contenu editorialRecommandations editoriales
P7Utiliser des profils pour personnaliser le contenu editorialPaywall, recommandations
P8Mesurer les performances du contenuAnalytics editorial
P9Comprendre les audiences via des statistiquesAnalytics panel
P10Developper et ameliorer les produitsR&D, machine learning

Anatomie d'une consent string TCF 2.x

La consent string est une chaine encodee en Base64url (variante de Base64 avec + remplace par - et / par _) qui emballe une structure binaire tres dense. Elle est stockee dans le cookie euconsent-v2 et peut faire plusieurs centaines de caracteres.

Exemple de consent string TCF 2.x — Base64urlBase64
CPziCYAPziCYAAGABCENDICgAAAAAAAA
AAAAABAAAJAAAAAAAQAQAAAAAAQA
(tronquee — une vraie string peut depasser 500 caracteres)

Structure interne de la consent string (decodage)

Une fois decodee de Base64url en binaire, la consent string contient les champs suivants (specification TCF 2.2) :

ChampBitsDescription
Version6 bitsVersion du standard TCF (2 = TCF 2.x)
Created36 bitsTimestamp de creation (en deciseconds depuis epoch)
LastUpdated36 bitsTimestamp de derniere mise a jour du consentement
CmpId12 bitsID de la CMP ayant genere la string (registre IAB)
CmpVersion12 bitsVersion de la CMP
ConsentScreen6 bitsEcran de la CMP sur lequel le consentement a ete donne
ConsentLanguage12 bitsLangue de la banniere (code ISO 639-1, ex : "FR")
VendorListVersion12 bitsVersion de la GVL utilisee
TcfPolicyVersion6 bitsVersion de la politique TCF
IsServiceSpecific1 bit0 = global, 1 = specifique a ce site
PurposesConsent24 bitsBitmap des 24 finalites — 1 bit par finalite (1=consenti)
PurposesLITransparency24 bitsBitmap des finalites en interet legitime
VendorConsentVariableListe ou range des IDs vendeurs ayant consenti
VendorLegitimateInterestVariableIDs vendeurs en interet legitime

Decoder une consent string en JSON

Un outil TCF Decoder (comme celui de Flownect) extrait ces champs en JSON lisible. Voici a quoi ressemble le resultat :

Consent string decodee — JSONJSON
{
  "version": 2,
  "created": "2024-09-12T08:43:22.000Z",
  "lastUpdated": "2025-03-01T14:21:05.000Z",
  "cmpId": 92,          // Didomi
  "cmpVersion": 3,
  "consentLanguage": "FR",
  "vendorListVersion": 189,
  "tcfPolicyVersion": 4,
  "isServiceSpecific": true,
  "purposeConsents": {
    "1": true,   // Stockage terminal : consenti
    "2": false,  // Publicite personnalisee : refuse
    "3": false,  // Profils publicitaires : refuse
    "5": true,   // Mesure performance publicite : consenti
    "7": true    // Personnalisation contenu : consenti
  },
  "purposeLegitimateInterests": {
    "2": true,   // Publicite : interet legitime invoque
    "10": true   // Amelioration produits : interet legitime
  },
  "vendorConsents": [23, 46, 91, 755, 1003],  // IDs GVL
  "vendorLegitimateInterests": [46, 91]
}

Comment la consent string circule dans la chaine programmatique

1
Collecte sur le site

L'utilisateur interagit avec la banniere CMP. Ses choix sont encodes en consent string et stockes dans le cookie euconsent-v2 (domaine editeur).

2
Transmission aux tags publicitaires

La consent string est injectee via la macro [GDPR_CONSENT_XXX] dans les tags VAST, les pixels et les tags display. Elle est accessible via l'API window.__tcfapi('getTCData', 2, callback).

3
Inclusion dans les bid requests

Le SSP lit la consent string et l'insere dans le champ user.consent et regs.ext.gdpr de la bid request OpenRTB 2.x envoyee aux DSP.

4
Interpretation par les DSP

Le DSP verifie sa presence dans la GVL (est-il vendeur enregistre ?), verifie si l'utilisateur a consenti aux finalites requises pour son traitement, et adapte son ciblage, ses encheres et le stockage de donnees en consequence.

→ Guide : anatomie d'une bid request OpenRTB · OpenRTB Analyzer

Differences TCF 2.1 vs TCF 2.2

EvolutionTCF 2.1TCF 2.2
Consentement pour les CMP elles-memesNon requisRequis — les CMP sont maintenant des vendors
Interet legitime pour Purpose 1AutoriseInterdit — P1 necessite consentement explicite
Transparence sur l'interet legitimeLimiteeUI d'objection obligatoire pour chaque vendor
AC String (Additional Consent)SupporteSupporte — pour les vendeurs non-IAB
Pour les professionnels adtech : verifier la consent string est critique pour le debug de campagnes en Europe. Une consent string absente ou mal transmise peut expliquer des taux de fill tres bas, des encheres nulles des DSP GDPR-compliant, ou des ecarts de comptage entre ad server et DSP. → Utiliser le TCF Decoder Flownect

Chiffrement, hash, encodage et cryptographie appliquee

Clarifier les trois notions souvent confondues et comprendre leurs applications concretes en securite numerique.

Disponible sur Flownect :
Guide de reference

Chiffrement, hash et encodage : les trois piliers de la protection des donnees

Les trois notions a ne pas confondre

Chiffrement (encryption)

Transformation reversible avec une cle. Sans la cle, illisible. Exemples : AES-256, RSA. Usage : proteger des fichiers, chiffrer des communications (HTTPS, Signal).

Hachage (hashing)

Transformation irreversible en empreinte de taille fixe. Aucune cle. Exemples : SHA-256, bcrypt. Usage : verifier l'integrite d'un fichier, stocker des mots de passe.

Encodage — PAS de securite

Transformation de representation sans protection. Reversible sans cle. Exemples : Base64, URL encoding, UTF-8. Usage : format de transport, jamais securite.

Erreur classique : "Base64 c'est chiffre"

Non. Base64 est un encodage decodable en 0 seconde par n'importe qui. C'est juste une autre representation des memes donnees, aucunement protegees.

AES — Advanced Encryption Standard

AES est un algorithme de chiffrement symetrique (meme cle pour chiffrer et dechiffrer) standardise par le NIST en 2001. Il opere sur des blocs de 128 bits et supporte trois tailles de cle :

VersionTaille cleRoundsSecuriteUsage recommande
AES-128128 bits (16 octets)10ExcellentApplications grand public, TLS 1.3
AES-192192 bits (24 octets)12Tres fortPeu utilise en pratique
AES-256256 bits (32 octets)14Maximum (NSA/ANSSI)Donnees sensibles, archives longue duree

Les modes d'operation AES les plus importants :

  • AES-CBC : chaque bloc est XORe avec le bloc chiffre precedent. Necessite un IV aleatoire. Vulnerable aux attaques par padding oracle si mal implemente.
  • AES-GCM : mode authentifie (AEAD) — chiffre ET garantit l'integrite. Recommande pour toute nouvelle implementation. Utilise dans TLS 1.3, Signal, WhatsApp.
  • AES-CTR : transforme AES en chiffrement de flux. Performant et parallelisable, sans authentification integree.

RSA — Chiffrement asymetrique

RSA (Rivest-Shamir-Adleman, 1977) utilise une paire de cles mathematiquement liees. La cle publique est partageable librement et permet de chiffrer un message ou de verifier une signature. La cle privee est gardee secrete et permet de dechiffrer ou de signer. La securite repose sur la difficulte de factoriser le produit de deux grands nombres premiers.

Tailles recommandees en 2025 : RSA-3072 recommande jusqu'en 2030, RSA-4096 pour la signature de certificats racine.

Pourquoi RSA ne chiffre pas directement les fichiers : RSA ne peut chiffrer que des blocs inferieurs a la taille de la cle. En pratique, on utilise le chiffrement hybride — AES chiffre le fichier, RSA chiffre la cle AES. C'est ce que font PGP, SSL/TLS et tous les systemes modernes.

SHA — Fonctions de hachage

AlgorithmeTaille hashSecuriteUsage recommande
MD5128 bitsCasse (collisions triviales depuis 2004)Jamais pour la securite
SHA-1160 bitsCasse (attaque SHAttered 2017)Deprecie — ne plus utiliser
SHA-256256 bitsSurVerification d'integrite, certificats, Bitcoin
SHA-384384 bitsTres surApplications haute securite, TLS
SHA-512512 bitsMaximumArchivage securise, signatures longue duree
SHA-3 / Keccak224–512 bitsSur (famille differente)Alternative a SHA-2, resistance quantique
bcryptHash adaptatifConcu pour mots de passeStockage de mots de passe (lent = protection brute force)
Argon2Hash adaptatifGagnant PHC 2015Recommande pour les mots de passe en 2025

Comment verifier l'integrite d'un fichier telecharge

→ Calculer un hash SHA-256 sur Flownect

1
Recuperer le hash officiel

Sur la page de telechargement, le distributeur publie une empreinte SHA-256 (ou SHA-512) du fichier legitime.

2
Calculer le hash local

Sur Windows : certutil -hashfile fichier.exe SHA256. Sur Linux / Mac : sha256sum fichier.iso.

3
Comparer les deux empreintes

Si les 64 caracteres hexadecimaux sont identiques, le fichier est integre. La moindre difference indique une corruption ou une alteration.

Text-To-Speech, Speech-To-Text et IA vocale

La synthese vocale et la transcription automatique : technologies, cas d'usage et comparatif des solutions.

Disponible sur Flownect :
Guide IA vocale

TTS et STT : tout comprendre sur les technologies vocales modernes

Text-To-Speech : trois generations technologiques

  • Synthese par regles (annees 80–90) : generation phoneme par phoneme selon des regles linguistiques. Voix robotiques caracteristiques.
  • Synthese par concatenation (annees 90–2010) : assemblage de segments audio enregistres par de vrais locuteurs. Plus naturel mais limite aux sequences enregistrees.
  • TTS neuronal (2016 a aujourd'hui) : reseaux de neurones profonds (WaveNet de DeepMind, FastSpeech, VITS, ElevenLabs). Generent directement la forme d'onde sonore et sont souvent indiscernables de la voix humaine.

Architecture d'un systeme TTS neuronal

  1. Analyse linguistique : tokenisation, normalisation du texte (chiffres, abreviations, acronymes), phonemisation (conversion grapheme vers phoneme).
  2. Modele acoustique : predit les caracteristiques spectrales (mel-spectrogramme) depuis la sequence phonetique. Ex : Tacotron 2, FastSpeech 2.
  3. Vocodeur neuronal : convertit le spectrogramme en signal audio haute qualite. Ex : WaveNet, HiFi-GAN, Vocos.

Comparatif solutions TTS 2025

SolutionTypeLanguesNaturalismeClonage voixPrix
ElevenLabsCloud API30+ExcellentOuiFreemium
OpenAI TTSCloud APIMultiTres bonNon15$ / 1M caracteres
Google Cloud TTSCloud API50+Tres bonCustom voixFreemium
Azure Neural TTSCloud API140+Tres bonOuiFreemium
Coqui TTSOpen-source local15+BonOuiGratuit
Web Speech APINavigateur natifVariableAcceptableNonGratuit

Comparatif solutions STT 2025

SolutionModelePrecision FRTemps reelLocal possiblePrix
OpenAI WhisperTransformerExcellentVia APIOui (open-source)0,006$ / min
Google Speech-to-TextConformerTres bonOuiNonFreemium
Azure SpeechProprietaireTres bonOuiEdgeFreemium
AssemblyAIProprietaireTres bonOuiNon0,011$ / min
Whisper.cpp (local)Whisper GGMLTres bonLentOui (CPU/GPU)Gratuit

Formats techniques et outils developpeur

JSON, XML, CSV, YAML, JWT, Markdown et les autres : comprendre leurs structures, leurs usages et leurs limites.

Disponible sur Flownect :
Reference developpeur

Formats d'echange de donnees : le guide de reference

Comparatif general des formats

FormatLisibiliteTypes natifsCommentairesTaille relativeUsage dominant
JSONBonne6 typesNonReferenceAPI REST, configuration, stockage NoSQL
XMLVerbeuxTout string par defautOuix2 a x3VAST, SOAP, formats bureautiques, SAML
YAMLExcellenteTypes etendus + detection autoOuiSimilaire JSONDevOps, config, CI/CD
CSVExcellenteTout stringNonTres compactDonnees tabulaires, export/import
TOMLExcellenteTypes strictsOuiCompactConfig Rust (Cargo.toml), Python (pyproject.toml)
Protocol BuffersBinaireSchema strictNonx0.3gRPC, systemes distribues haute performance

JSON — JavaScript Object Notation

JSON est le format d'echange de donnees dominant sur le web moderne. Issu de JavaScript, il est supporte nativement par tous les langages. Ses limites a connaitre : pas de type date natif (toujours une string ISO 8601), pas de commentaires, encodage strict UTF-8, nombres flottants sujets aux problemes de precision IEEE 754.

YAML — YAML Ain't Markup Language

YAML est un sur-ensemble de JSON concu pour la lisibilite humaine. Indentation significative comme Python, supporte les commentaires et les references internes. Predominant dans les fichiers de configuration DevOps.

Pieges YAML : l'indentation avec tabulations est interdite (espaces uniquement). Certaines valeurs sont interpretees automatiquement : yes devient true, no devient false, 1.0 devient un float. A verifier systematiquement dans les configs de production.

JWT — JSON Web Token

→ Décoder un JWT sur Flownect

Un JWT est un jeton signe compose de trois parties encodees en Base64url separees par des points : header.payload.signature.

  • Header : algorithme de signature (RS256, HS256, ES256) et type du token.
  • Payload : claims (identite utilisateur, roles, expiration, emetteur). Le payload n'est PAS chiffre — il est juste encode en Base64.
  • Signature : HMAC ou RSA du header + payload. Garantit l'integrite, pas la confidentialite.
Erreur classique : stocker des donnees sensibles dans le payload d'un JWT en croyant qu'elles sont chiffrees. Tout le monde peut decoder le payload en 2 secondes avec un simple base64url decode. Utiliser JWE (JSON Web Encryption) si besoin de confidentialite.

Markdown — le format de documentation universel

Markdown (John Gruber, 2004) est un langage de balisage leger lisible comme du texte brut, convertible en HTML propre. Standard de facto pour la documentation technique : README GitHub, wikis, Notion, Obsidian, generateurs de sites statiques.

Syntaxe MarkdownRendu HTMLUsage
# Titre<h1>Titre principal
**gras**<strong>Emphase forte
*italique*<em>Emphase legere
[texte](url)<a href>Lien hypertexte
![alt](url)<img src>Image
`code`<code>Code inline
```lang```<pre><code>Bloc de code
- item<ul><li>Liste non ordonnee
> texte<blockquote>Citation

JSON : formater, minifier et valider

Trois operations fondamentales sur le format JSON — utiles au quotidien pour les developpeurs, les integrateurs, les equipes data et les profils marketing technique.

Disponible sur Flownect :
JSON

Formater, minifier et valider du JSON : pourquoi et comment

Le JSON est omnipresent : reponses d'API REST, fichiers de configuration, exports de bases de donnees, payloads de webhooks. Mais un JSON recu d'une API est souvent compacte sur une seule ligne, illisible a l'oeil nu. A l'inverse, un JSON bien indenté envoye dans un payload HTTP est inutilement lourd.

Formater (pretty-print)

Le formatage ajoute des sauts de ligne et de l'indentation pour le rendre lisible. C'est l'operation de debug numero un pour inspecter une reponse d'API ou un fichier de config.

Avant formatage — JSON compactJSON
{"nom":"Alice","age":32,"actif":true,"roles":["admin","editor"]}

Minifier

La minification supprime tous les espaces superflus. Pour un JSON embarque dans un payload HTTP, cela reduit le poids de 20 a 40% selon la densite de l'arborescence.

Valider

Un JSON invalide est l'une des causes les plus frequentes d'erreurs d'integration. Les erreurs les plus courantes : virgule en trop, cles sans guillemets, guillemets simples, commentaires (non supportes), valeurs undefined.

ErreurExemple invalideCorrection
Virgule en trop{"a": 1,}Supprimer la virgule finale
Cles sans guillemets{nom: "Alice"}{"nom": "Alice"}
Guillemets simples{'nom': 'Alice'}Guillemets doubles
Commentaires{"a": 1 // commentaire}JSON ne supporte pas les commentaires

Cas d'usage typiques

  • Inspecter une reponse d'API copiee depuis les DevTools ou Postman.
  • Debugger un webhook entrant en rendant le payload lisible.
  • Verifier un package.json ou tsconfig.json avant commit.

→ Formater ou valider du JSON sur Flownect (100 % navigateur)

Encodage et decodage d'URL

Pourquoi les espaces deviennent %20, ce que signifie & dans une URL, et comment encoder correctement des parametres sans casser une requete.

Disponible sur Flownect :
URL

L'encodage URL (percent-encoding) explique en profondeur

Une URL ne peut contenir que des caracteres ASCII surs. Dès qu'un parametre contient un espace, un caractere accentue ou un symbole special, il faut l'encoder via le percent-encoding (RFC 3986).

Caracteres reserves et leur role

CaractereRole dans l'URLEncodé en
espaceDelimiteur interdit%20 (ou + en query string)
&Séparateur de parametres%26
=Séparateur clé=valeur%3D
#Ancre (fragment)%23
é, à, ü…Caracteres non-ASCII%C3%A9, %C3%A0…

encodeURIComponent vs encodeURI

  • encodeURIComponent() : encode tous les caracteres speciaux sauf les non reserves. A utiliser pour la valeur d'un parametre (95 % des cas).
  • encodeURI() : encode une URL complete en preservant ://, /, ?, =, &.

Cas d'usage

  • Decoder des UTM en clair depuis un rapport Analytics.
  • Construire des deep links avec URL de redirection encodee.
  • Deboguer des tags publicitaires : macros VAST et pixels avec parametres encodes.

→ Encoder ou decoder une URL sur Flownect

Base64 : encodage de texte et de fichiers

Comment Base64 fonctionne, pourquoi il est partout (emails, JWT, data URI, API) et comment encoder/decoder du texte ou des fichiers binaires.

Disponible sur Flownect :
Base64

Base64 explique : encodage, cas d'usage et pieges a eviter

Base64 represente des donnees binaires sous forme de texte ASCII. Augmentation de taille d'environ 33 %. Variante URL-safe : +-, /_.

Où rencontre-t-on Base64 ?

ContexteUsageExemple
JWTHeader et payload en Base64urleyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJ1c2VyMSJ9...
Data URIImage inline dans HTML/CSSdata:image/png;base64,iVBORw0KGgo...
TCF Consent StringDonnees binaires de consentementCPziCYAPziCYAA...
API (fichiers)Fichier transmis en JSON{"file": "JVBERi0xLjQ..."}

Base64 n'est PAS du chiffrement

Encodage reversible sans cle — decodable en une fraction de seconde. Ne jamais l'utiliser pour proteger des donnees sensibles.

Exemple : le payload d'un JWT est en Base64url. Decodable par tout le monde. Pour la confidentialite, utiliser JWE.

→ Encoder ou decoder en Base64 sur Flownect

QR code : fonctionnement, personnalisation et cas d'usage

Structure, niveaux de correction d'erreur, types de donnees encodables et usages professionnels.

Disponible sur Flownect :
QR code

Le QR code explique : structure, donnees et correction d'erreur

Invente par Denso Wave en 1994. Capacite jusqu'a 3 000 caracteres alphanumeriques, lecture sous n'importe quel angle.

Niveaux de correction d'erreur

NiveauCodeRecuperation maxUsage ideal
LowL7%Usage numerique propre
MediumM15%Usage courant
QuartileQ25%Surfaces legerement abimees
HighH30%Logo integre, emballage

Types de donnees encodables

TypeFormatAction smartphone
URLhttps://flownect.frOuvre le navigateur
WiFiWIFI:T:WPA;S:MonReseau;P:MotDePasse;;Connexion automatique
vCardBEGIN:VCARD…Ajoute le contact
Texte libreTout texte brutAffiche le texte

→ Generer un QR code sur Flownect (contenu jamais envoye au serveur)

Conversion JSON ↔ Excel et XML ↔ Excel

Passer d'un format de donnees structurees a un tableur — et vice versa — sans perdre de donnees ni casser la structure.

Disponible sur Flownect :
Conversion

JSON, XML et Excel : comprendre les conversions et leurs limites

JSON et XML sont hierarchiques. Excel est tabulaire. La conversion implique un aplatissement (flattening) : les cles imbriquées deviennent des colonnes avec prefixe pointe (adresse.ville).

Cas difficiles : tableaux imbriques sur plusieurs niveaux et elements XML avec namespace peuvent donner des resultats inattendus. Preferer une structure plate pour les conversions vers Excel.

Cas d'usage Excel vers JSON / XML

Cas d'usageFormat cibleInteret
Import en masse dans une API RESTJSONContacts, produits, campagnes
Configuration adtechJSON / XMLSegments, ciblages, regles
Migration vers NoSQLJSONMongoDB, Firestore
Flux XML (RSS, catalogue)XMLDepuis un referentiel Excel

→ JSON ↔ Excel · XML ↔ Excel sur Flownect

VAST Reader : analyser et deboguer un tag VAST

Inspecter un tag VAST sans player video, comprendre sa structure XML et resoudre les erreurs les plus frequentes.

Disponible sur Flownect :
Adtech

Deboguer un tag VAST : methode et outils

Un tag VAST qui ne delivre pas ne donne souvent qu'un code d'erreur numerique. Analyser le XML etape par etape permet de diagnostiquer 90 % des problemes en quelques minutes.

Checklist de debug

1
Le tag repond-il ?

HTTP 200 + XML = vivant. HTTP 204 = no fill. 4xx/5xx = erreur serveur.

2
XML valide ?

& non echappe dans les URLs (&amp;), CDATA manquant autour des trackers.

3
MediaFile accessible ?

Ouvrir l'URL du MediaFile : 403/404 = URL invalide ou CDN bloquant.

4
Wrappers ?

Suivre la chaine jusqu'au InLine. Plus de 5 wrappers → erreur 302.

5
Macros resolues ?

[TIMESTAMP], [GDPR_CONSENT_XXX] doivent etre remplacees par des valeurs reelles.

Ce qu'un VAST Reader permet d'inspecter

  • XML indenté et colore, extraction des MediaFiles et trackers.
  • Resolution automatique des wrappers jusqu'au InLine final.
  • Detection des macros non resolues.

→ Analyser un tag VAST sur Flownect

Traceur de redirections HTTP

Suivre la chaine complete de redirections : codes HTTP, domaines traverses, parametres UTM, macros adtech et detection des boucles.

Disponible sur Flownect :
Adtech & SEO

Les redirections HTTP : types, chaines et cas d'usage en adtech

Un clic publicitaire peut traverser 5 a 10 redirections (DSP, verification, annonceur) avant la landing page.

Codes de redirection HTTP

CodeNomPermanentUsage typique
301Moved PermanentlyOuiMigration SEO, changement de domaine
302FoundNonRedirect temporaire, login
307Temporary RedirectNonPreserve POST/PUT
308Permanent RedirectOuiMigration avec methode preservee

Ce qu'un traceur revele

  • Boucles de redirections (A → B → A).
  • Macros non resolues ([TRACKING_URL] laissee telle quelle).
  • Parametres UTM a chaque etape, mixed content HTTP/HTTPS.
  • Nombre de sauts : plus de 5 allonge le temps de chargement percu.

→ Tracer une chaine de redirections sur Flownect

Détecteur de fraude email & URL

Analyser un email ou un lien suspect avant de cliquer : DNS, réputation, typosquatting et score de risque.

Disponible sur Flownect :

Hashage et chiffrement : MD5, SHA, bcrypt, AES, RSA, HMAC

Calculer des empreintes, chiffrer des donnees et generer des signatures — dans le navigateur, sans envoyer vos donnees a un serveur.

Disponible sur Flownect :
Cryptographie

Hashage et chiffrement local : guide des algorithmes

La Web Crypto API permet d'executer hash et chiffrement nativement dans le navigateur — ideal pour verifier une empreinte ou tester un HMAC webhook sans copier des donnees sensibles vers un tiers.

Hashage : algorithmes et usages

AlgorithmeSecuriteCas d'usage
MD5 / SHA-1CassesNe plus utiliser en securite
SHA-256SurIntegrite, signatures, API
SHA-512Tres surArchivage, tokens longue duree
bcrypt / Argon2ExcellentMots de passe
HMAC-SHA256SurWebhooks Stripe, GitHub, APIs

Cas d'usage concrets

  • Verifier l'integrite d'un fichier telecharge (SHA-256 vs hash officiel).
  • Recalculer le HMAC d'un webhook recu.
  • Chiffrer une valeur de test AES avant stockage.

→ Calculer un hash ou chiffrer sur Flownect (100 % navigateur)

JWT Decoder : analyser un token JWT dans le navigateur

Decoder un JWT en clair, comprendre chaque claim et diagnostiquer les problemes d'authentification.

Disponible sur Flownect :
  • JWT Decoder — header, payload, expiration, local
  • Base64 — decoder le payload manuellement
Authentification

Anatomie d'un JWT et comment le decoder correctement

Un JWT (RFC 7519) transmet des claims verifiables. Format : header.payload.signature, trois parties en Base64url separees par des points.

Claims du payload : reference

ClaimDescription
issEmetteur du token
subSujet (identifiant utilisateur)
audAudience prevue
expExpiration (timestamp Unix)
iatDate de creation
role / rolesClaim personnalise (non standardise)

Algorithmes de signature courants

AlgorithmeTypeUsage
HS256SymetriqueServices internes, secret partage
RS256AsymetriqueOAuth2 / OIDC standard
ES256AsymetriquePerformances superieures a RSA
noneDANGEREUX — desactiver cote serveur

Erreurs JWT frequentes

  • Token expire (exp depasse) → 401.
  • Donnees sensibles dans le payload : Base64, pas chiffre.
  • Algorithme none accepte par le serveur → faille critique.
Important : un decodeur local affiche les claims mais ne valide pas la signature sans la cle publique ou le secret HMAC. Toujours valider cote serveur.

→ Decoder un JWT sur Flownect

FAQ technique complete

Les questions les plus frequentes sur les formats, la securite, les outils en ligne et le traitement des donnees.

Un outil en ligne doit-il forcement envoyer mes fichiers sur un serveur ?

Non. Les navigateurs modernes exécutent des opérations complexes directement sur votre appareil grâce aux APIs JavaScript : File API, Canvas API, Web Crypto API et WebAssembly. Sur Flownect, la compression d'images, le calcul de hash SHA-256, la génération de QR codes, l'OCR (Tesseract.js), la transcription vidéo (Whisper WASM) ou l'encodage Base64 se font localement. En revanche, les conversions Office via LibreOffice, certaines extractions PDF (Word, Excel, PPT) et la fusion de PDF passent par nos serveurs européens — sans conservation des fichiers après traitement.

Quelle est la difference entre chiffrement, hash et encodage Base64 ?
  • Chiffrement : transformation reversible avec une cle secrete. Seul celui qui possede la cle peut dechiffrer. Exemples : AES-256 (symetrique), RSA (asymetrique).
  • Hash / hachage : transformation irreversible en empreinte de taille fixe. Impossible de retrouver les donnees d'origine depuis le hash. Usage : mots de passe, verification d'integrite.
  • Base64 : simple encodage de representation. Aucune protection — decodable en une seconde par n'importe qui. Usage : transport de donnees binaires dans des protocoles textuels (emails MIME, JWT, data URI).
Pourquoi le PDF est-il difficile a modifier ?

Le PDF stocke les elements de la page avec des coordonnees absolues en points typographiques, sans notion de paragraphe, titre ou liste comme le ferait Word. Modifier un mot exige de recalculer les positions de tous les elements adjacents. De plus, les polices peuvent etre incorporees comme des sous-ensembles (seulement les caracteres utilises), ce qui empeche d'ajouter de nouveaux caracteres sans disposer de la police complete.

Qu'est-ce qu'un tag VAST et comment le tester ?

Un tag VAST est une URL qui, lorsque le player video la requete, renvoie un fichier XML decrivant la publicite video a diffuser (URL du fichier video, duree, trackers d'impression, de quartiles, de clic). Pour tester :

  1. Utiliser le Google VAST Inspector ou l'IAB VAST Validator — ou le VAST Reader Flownect.
  2. Ouvrir l'URL du tag directement dans le navigateur pour inspecter le XML brut.
  3. Verifier que l'URL du MediaFile est accessible (HTTP 200, format MP4/WebM).
  4. Controler les erreurs VAST dans les logs du player (codes 100–900).
  5. Verifier la chaine de wrappers si le tag pointe vers d'autres tags imbriques.
WebP vs JPG : quel format utiliser sur un site web ?

WebP est recommande pour toute nouvelle integration web en 2025. Supporte par 96% des navigateurs, il offre une compression 25 a 35% superieure au JPEG a qualite visuelle equivalente. La bonne pratique est d'utiliser l'element HTML <picture> avec une source WebP et un fallback JPG :

<picture>
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="Description">
</picture>

Pour les logos et visuels avec fond transparent, privilegier SVG si le visuel est vectoriel, PNG si le visuel est raster avec transparence. → Compresser ou convertir une image sur Flownect.

MD5 est-il encore utilisable pour verifier l'integrite d'un fichier ?

Pour la verification d'integrite simple (detecter une corruption accidentelle en telechargement), MD5 reste techniquement utilisable. Mais il ne doit jamais etre utilise dans un contexte de securite. Des collisions MD5 (deux fichiers differents ayant le meme hash) peuvent etre generees en quelques secondes depuis 2004. Cela signifie qu'un attaquant pourrait substituer un fichier malveillant ayant le meme hash MD5 qu'un fichier legitime. Utiliser SHA-256 au minimum pour toute verification liee a la securite. → Calculer un SHA-256 sur Flownect

Quelle frequence d'echantillonnage choisir pour un podcast : 44.1 kHz ou 48 kHz ?

Les deux conviennent parfaitement. 44 100 Hz est le standard audio originel (CD), utilise par la plupart des logiciels d'edition audio. 48 000 Hz est le standard video et broadcast, preferable si votre podcast est distribue avec une video (YouTube, Spotify Video). La regle : choisir une frequence et s'y tenir tout au long de la chaine de production pour eviter les conversions qui peuvent introduire de legeres degradations.

Qu'est-ce que le TCF (Transparency and Consent Framework) en programmatique ?

Le TCF (IAB Europe Transparency and Consent Framework) est le standard de consentement utilise dans l'ecosysteme publicitaire programmatique pour se conformer au RGPD. Lorsqu'un utilisateur accepte ou refuse les cookies, la CMP (Consent Management Platform — ex : Didomi, Axeptio, Quantcast) genere une consent string encodee en Base64 resumant les choix de l'utilisateur pour chaque finalite et chaque partenaire. Cette string est transmise dans les bid requests OpenRTB et dans les macros des tags publicitaires ([GDPR_CONSENT_XXX] dans VAST) pour que les DSP et ad servers adaptent la diffusion en consequence. → Décoder une consent string sur Flownect

Quelle est la difference entre VAST InLine et VAST Wrapper ?

Un VAST InLine est la reponse finale : elle contient directement l'URL du MediaFile (la video a diffuser), les trackers et toutes les instructions de rendu. Un VAST Wrapper est une reponse intermediaire qui pointe vers une autre URL VAST a appeler. Les wrappers permettent de chainer plusieurs ad servers, chacun pouvant ajouter ses propres pixels de tracking. La limite recommandee par l'IAB est de 5 wrappers maximum — au-dela, le player risque un timeout (erreur 302).

Articles piliers recommandes

Ces sujets meritent chacun un article long-format de 2 000 a 4 000 mots avec FAQ, tableaux comparatifs et maillage interne vers les outils Flownect.

Le guide complet du PDF : format, conversion, compression, fusion et securite

Structure interne, versions, cas d'usage professionnels, types de signature electronique, niveaux de chiffrement, conversions et compressions. Un guide de reference qui couvre tout le cycle de vie d'un document PDF.

Sections : histoire et standard ISO, structure interne, versions majeures, conversion vers/depuis d'autres formats, compression avancee, fusion/decoupe, signature (visuelle, SES, AES, QES), protection par mot de passe, PDF/A pour l'archivage, erreurs frequentes, FAQ.

VAST explique de A a Z : standard XML, wrappers, tracking et diagnostic d'erreurs

Le guide de reference VAST le plus complet en francais. Schema XML annote, liste complete des codes d'erreur, macros dynamiques, differences VAST/VPAID/VMAP/SIMID, OM SDK, bonnes pratiques de trafficking et de debug cote editeur et annonceur.

Cible : traffickers, ad ops, developpeurs player, editeurs premium, chefs de projet adtech. VAST Reader · Traceur de redirections.

Chiffrement, hash et encodage : le guide pratique complet

Clarifier une bonne fois pour toutes la difference entre ces trois concepts. AES, RSA, ECDSA, SHA-256, bcrypt, Argon2, Base64. Avec des exemples concrets, des cas d'usage reels et les erreurs classiques a eviter (MD5 pour les mots de passe, Base64 comme securite).

Maillage interne : hash & chiffrement, encodeur Base64, generateur de mots de passe, JWT Decoder.