Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Sous-titres qui s'inversent selon l'image v1.0.0

Utilisez cette ressource pour garder des sous-titres lisibles sur une vidéo au fond variable

Nouveau

  • 587 téléchargements
  • 121 mentions J'aime
  • 106 sauvegardes

Gratuit

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install blend-difference-captions

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent applique un mode de fusion qui inverse la couleur du texte selon ce qu'il y a derrière : blanc sur les zones sombres, noir sur les zones claires. Il propose trois variantes (différence, exclusion plus douce, écran lumineux). Vous obtenez des sous-titres ou des titres lisibles sans ajouter de fond ni d'ombre.

Choisie surtout par

Mise à jour le 2 novembre 2026

Caractéristiques

Guides d'installation
Génère avec
HyperFrames
Utilise
  • HyperFrames (npx hyperframes)
  • Node.js
Licence
Apache-2.0

Ressources similaires

Tout voir

Ce que vous obtenez

  • LISEZMOI.md : mode d'emploi de l'effet, traduit en français
  • caption-blend-difference.html : les trois classes CSS et un exemple de montage
  • registry-item.json : description du composant

Pour qui

  • Sous-titrer une vidéo dont la luminosité change beaucoup
  • Poser un gros titre sur une photo ou une vidéo variée
  • Créer un effet graphique de texte inversé pour un reel

Pas pour qui

  • Une vidéo sur fond noir uni, où l'effet ne se voit pas
  • Un texte qui doit garder une couleur de marque précise
  • Un export où le mode de fusion n'est pas pris en charge

Étiquettes

  • sous-titres
  • contraste
  • mode de fusion
  • texte
  • lisibilité

À propos

Vous dites

« Mets mes sous-titres en blanc avec l'effet d'inversion, pour qu'ils restent lisibles sur ma vidéo de plage. »

Texte blanc en majuscules dont les lettres s'inversent en noir sur les zones claires de l'image.

Composant publié par HeyGen (HyperFrames) sous licence Apache-2.0, traduit par PalateKit.

Voir plus

Prérequis

À préparer
Votre vidéo et le texte à afficher et Un montage HyperFrames, ou un projet à créer
Dépendances
HyperFrames (npx hyperframes) et Node.js

Comment l'utiliser

  1. Installez le composant avec la commande npx hyperframes add caption-blend-difference.
  2. Demandez à l'agent d'ajouter la classe blend-difference à vos sous-titres et d'isoler la racine du montage.
  3. Vérifiez le rendu sur plusieurs images, puis lancez le rendu HyperFrames.

Aperçu du contenu

Fichiers

  • caption-blend-difference.html2,8 Ko
  • LICENSE10,5 Ko
  • LISEZMOI.md1 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • registry-item.json0,6 Ko

Origine et licence

Modifié par PalateKit

Auteur
HeyGen (HyperFrames)
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/components/caption-blend-difference
Licence
Apache-2.0

Notice

Version modifiée de « Blend Difference » (HeyGen (HyperFrames), Apache-2.0) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

Pourquoi l'effet ne marche-t-il pas ?

La racine du montage doit avoir la propriété isolation: isolate. Sans elle, la fusion se fait avec la page et non avec la vidéo.

Que fait l'effet sur une vidéo en couleur ?

Le blanc devient la couleur complémentaire du fond : un fond bleu donne un texte orange, un fond rouge un texte cyan.