Installation de plugins : Avant toute commande de configuration ou de fraîcheur, suivez les règles d'exécution des plugins lorsque cette compétence se trouve dans un plugin HyperFrames. Les installations autonomes conservent les instructions de mise à jour ci-dessous.
Conventions de HyperFrames Studio
Studio dessine une ligne de timeline par élément de premier niveau. Un projet qui suit les règles ci-dessous s'ouvre sous forme d'une timeline courte et lisible ; un projet qui ne les suit pas s'ouvre comme un mur de lignes non étiquetées que l'utilisateur ne peut pas éditer. Ce sont des conventions pour ce qu'il faut construire. Pour savoir comment modifier un clip, suivez /hyperframes-core references/creator-editing-recipes.md et n'inventez jamais une forme différente de la même modification.
0. Parler avant de construire
Lisez le message avant d'ouvrir un fichier. Décidez ce qu'il demande :
| La personne | Vous |
|---|---|
| nomme un changement, aussi poli soit-il ("agrandis le titre", "peux-tu couper la troisième scène ?") | Faites-le. |
| donne une remarque sensible sur le film construit ("l'intro est saccadée", "ça ne dure pas assez longtemps") | Trouvez la cause, modifiez l'élément mesurable, dites ce que la remarque signifiait et ce qui a changé, et enregistrez-le conformément à /hyperframes-creative references/storyboard-recipe.md § 4. |
| pose une question sans nommer de changement ("pourquoi le titre saute-t-il ?") | Répondez-y. Ne changez rien. |
| dit de ne rien changer, de tenir, "juste réfléchir", "on en parle" | Ne modifiez aucun fichier, même pas une correction que vous auriez remarquée. Proposez-la en mots. |
| apporte une idée pour ce film sans changement concret ("je veux que la fin soit plus grandiose") | Proposez le changement et ajoutez-le au plan (ci-dessous). Ne modifiez aucun fichier de composition. |
| demande un nouveau film | Planifiez-le (§ 5). |
| approuve un plan ("construis-le", "go") | Construisez ce qui a été approuvé. |
Un message qui pose une question et nomme un changement reçoit à la fois la réponse et le changement. Ce n'est que lorsque vous ne pouvez pas dire s'il demande quelque chose qu'il s'agit d'une conversation : une mauvaise réponse coûte un message ; une mauvaise construction coûte une longue exécution et une série de notes.
Une réponse de conversation :
- Répondez d'abord, en mots simples, en quelques phrases.
- Ne posez que des questions dont la réponse change le film, chacune avec une réponse recommandée et son compromis ("30 secondes conviennent à un flux ; 60 laissent de la place pour la démo").
- Lorsqu'il y a une idée à façonner : pour un nouveau film, des directions selon
/hyperframesreferences/pitch-round.md; pour une idée concernant ce film, deux ou trois options pour la partie nommée. Recommandez-en une. - Terminez par l'étape suivante et le mot qui la déclenche ("Dis construis et je commence").
Gardez le plan dans le projet, pas seulement dans le chat : le prochain message peut démarrer une nouvelle session qui ne peut pas voir celle-ci. Ajoutez-le à STORYBOARD.md comme /hyperframes-creative references/storyboard-recipe.md § 4 enregistre une session ; ne réécrivez jamais les trames verrouillées. Si la personne vous a demandé de ne rien changer du tout, n'écrivez rien : mettez le plan dans la réponse et proposez de le sauvegarder.
1. Chaque scène est une sous-composition
La composition racine ne contient que des hôtes temporisés, des médias et de l'audio. Toute scène avec une structure imbriquée (une div contenant des enfants, un titre avec un sous-titre, un graphique) est son propre fichier chargé avec data-composition-src, en vous connectant dans references/sub-compositions.md.
Un balisage imbriqué laissé à l'intérieur de la racine ne devient pas une ligne propre. Il se cache à l'intérieur d'une ligne opaque qui ne peut pas être ajustée ou déplacée partie par partie.
Rédigez comme si un linter de structure rejetait toute violation.
2. Une seule piste de sous-titres
- Tous les sous-titres vivent sur une seule piste : un seul hôte de sous-composition (un
data-track-index) marquédata-track-kind="captions"qui porte chaque groupe de sous-titres dans l'ordre. - Jamais une ligne par groupe de sous-titres, et jamais de sous-titres mélangés sur une piste avec un autre type.
- Les règles de synchronisation des mots restent inchangées : voir
/embedded-captionset les règles du lintercaption_*.
3. Un type d'élément par piste
Regroupez par type afin que chaque ligne soit une chose que l'utilisateur peut sélectionner, couper le son ou faire glisser comme un ensemble.
| Type | data-track-kind |
|---|---|
| Vidéo de base / A-roll | video (à partir de la balise) |
| Scènes, incrustations, graphismes | graphics |
| Sous-titres | captions |
| Audio (voix off, musique, effets sonores) | audio (à partir de la balise) |
Mettez data-track-kind sur les hôtes de sous-composition. Les types vidéo et audio proviennent de la balise, donc <video> et <audio> n'ont pas besoin d'attribut. Donnez à chaque type son propre data-track-index ; le nombre est uniquement pour l'affichage ; il ne change jamais ce qui s'affiche au-dessus. Utilisez CSS pour la stratification.
4. Zones de sécurité
Toute règle ou superposition de boîte de sécurité se trouve dans le volet d'aperçu, jamais à l'intérieur de la composition, donc n'ajoutez pas d'éléments de guidage au HTML.
Les deux cadrages (large et vertical) utilisent les mêmes deux boîtes de sécurité, les valeurs par défaut de Premiere. L'aperçu bascule les dessine avec une coche au milieu de chaque bord. Source : ACTION_SAFE_PERCENT et TITLE_SAFE_PERCENT dans packages/studio/src/utils/previewSafeMargins.ts.
| Boîte | Part de l'image | Marge intérieure sur chaque bord |
|---|---|---|
| Action-safe | 90 % | 5 % |
| Title-safe | 80 % | 10 % |
- Marges de sécurité : tout ce qui est visible reste à l'intérieur de la boîte action-safe (90 %), et les sous-titres et le contenu clé restent à l'intérieur de la boîte title-safe (80 %).
- Les mises en page deux-par-deux et 50/50 maintiennent le contenu de chaque moitié à l'intérieur de la boîte title-safe.
5. Un nouveau film : planifier, storyboarder, construire
Les films hyperframes-launches ont été réalisés dans cet ordre. Chaque étape a un propriétaire ; suivez-la et ne la reformulez pas ici.
| Étape | Propriétaire |
|---|---|
| 1. Brief | /hyperframes references/intent-interview.md. Dans un projet existant, seul un suivi du même film reste : une nouvelle version ou un montage réduit, même flux de travail et format. Posez ses questions incontournables, sautez hyperframes init, ne réécrivez jamais BRIEF.md ou STORYBOARD.md, ajoutez une nouvelle section datée à chacun, et dites-le dans la réponse. Un film avec un flux de travail ou un format différent commence un nouveau projet, et la réponse le dit. |
| 2. Directions | /hyperframes references/pitch-round.md |
| 3. Storyboard | /hyperframes-creative references/storyboard-recipe.md |
| 4. Construction | Le flux de travail vers lequel le brief oriente (/hyperframes § 2) et ses propres références |
| 5. Notes | /hyperframes references/review-loop.md |
Ce que les films de lancement ajoutent, pour un lancement de produit. Là où l'arc choisi du flux de travail dit autrement, l'arc l'emporte.
- Séquences réelles pour le produit lancé. Demandez un enregistrement d'écran dans le brief à moins que le flux de travail ne le capture lui-même (un site à partir de son URL), et réservez son emplacement avec un placeholder étiqueté jusqu'à son arrivée. N'approximitez jamais l'interface utilisateur du produit lancé. Un outil tiers montré comme contexte (une application de chat, un éditeur) est reconstruit fidèlement à partir d'une capture.
- Un seul monde. La même fenêtre ou toile se poursuit à travers les séquences. Passez en revue chaque coupe : tout ce qui persiste ne doit pas sauter.
- Curseurs et contenu défilé. Un curseur, ou un contenu que la fenêtre elle-même fait défiler, sort par le bord de la fenêtre ou du cadre, pas en fondu au milieu du cadre. Les échanges d'éléments et de texte suivent
cut-catalog.mddu flux de travail là où il en a un. - Fermer sur la commande ou l'adresse, avec le logo atterrissant dans une séquence qui est encore en mouvement.
- Indiquez la durée d'exécution à chaque version. Dépasser la cible est la décision de la personne, pas la vôtre.
Vérifier votre travail
Exécutez hyperframes lint et corrigez chaque constatation. Ouvrez ensuite le projet dans Studio et vérifiez que la timeline affiche une ligne de base, une ligne par hôte de scène, une ligne de sous-titres et les lignes audio.