Générez votre film à séquences variables avec OtaimFlux

Préparez vos vidéos

Exportez chaque variante en MP4 (H.264), avec l’option « Web Optimized » (HandBrake) ou « Fast Start » (Final Cut, Compressor). Sans cela, la lecture peut sembler « cassée » même avec une bonne connexion. Déposez-les sur votre hébergement.

À vérifier : collez l’adresse d’une vidéo dans votre navigateur. Si elle se lit, elle fonctionnera dans le player.

Renseignez le générateur

• ① Votre film : le titre, le nombre de séquences et, si besoin, la case « film avec une fin » (sinon le film boucle sans fin).
• ② Vos vidéos : pour chaque séquence, collez les adresses de ses variantes, une par ligne. Il n’y a pas de limite : autant de séquences et de variantes que vous voulez.

C’est tout ce qu’il faut pour obtenir un film. Le reste est facultatif.

Réglages facultatifs

• Miniature (volet ③) : l’image affichée avant la lecture. Sans elle, une zone noire s’affiche.
• Règles d’exclusion entre variantes (volet « Règles d’exclusion » sous l’étape ②) : cliquez sur « + Ajouter une règle », choisissez la séquence et la variante de départ, puis les variantes qui ne doivent jamais être jouées ensuite. Vous pouvez viser n’importe quelle séquence suivante, pas seulement la prochaine. Exemple : après la variante 3 de la séquence 2, jamais 4/1, 5/11, 6/4 ni 10/9.
• Bandes son (volet ③) : cliquez sur « + Ajouter une bande son », collez l’adresse du fichier son, puis indiquez par exemple « de la séq. 2 à la séq. 5 ». Le son démarre au début de la séquence 2 et s’éteint en fondu à la fin de la séquence 5. Vous pouvez en ajouter autant que vous voulez.
• Son des changements (volet ③) : un petit son joué à chaque passage d’une séquence à l’autre.
• Timing des changements (volet ③) : « Ajuster la fin de la séquence jouée » indique combien de secondes avant la fin de la vidéo on passe à la suivante (0 = à la toute fin, plus grand = plus tôt). Si le changement coupe la fin d’une séquence, diminuez ce chiffre (essayez 0.4, puis 0). Si une seule variante pose problème, donnez-lui son propre réglage avec « + Ajouter un réglage de variante » : les autres gardent le réglage général. La durée du fondu entre deux séquences se règle sur la même ligne (0 = coupe franche).
• Adresse de la page iframe (volet ④) : l’adresse où vous déposerez le second fichier (voir étape 5). Elle sert au bouton « Intégrer » du player, qui permet à votre film d’être intégré sur d’autres sites, par exemple le site OtaimFlux si vous nous l’envoyez.
• Langue du player (volet ③) : langue des infobulles (le petit texte qui apparaît quand on passe la souris sur une icône) et de la fenêtre « Intégrer ». Elle ne change rien au film lui-même.

Cliquez sur « Générer les codes »

Deux codes apparaissent dans deux onglets :

• 1 · Code pour votre page
• 2 · Page iframe (HTML)

Publiez

• Code 1 : copiez-le et collez-le à l’endroit de votre page où le film doit apparaître : dans un bloc « HTML personnalisé » si votre site est sous WordPress, ou dans l’équivalent sur votre outil de création de site (un bloc ou élément de code HTML, souvent nommé « Code », « Intégrer » ou « Embed » : Wix, Squarespace, Webflow, Joomla…). Si vous codez votre site vous-même, collez-le directement dans le fichier HTML de la page. Le film apparaît.
• Code 2 : copiez-le dans un éditeur de texte brut (Bloc-notes, ou TextEdit en mode « texte brut » ; pas Word) et enregistrez-le avec un nom en .html (par exemple mon-film.html). Déposez-le sur votre hébergement, à l’adresse indiquée en ④. C’est la page que le bouton « Intégrer » proposera aux sites qui voudront afficher votre film.

Prepare your videos

Export each variant as MP4 (H.264) with “Web Optimized” (HandBrake) or “Fast Start” (Final Cut, Compressor) switched on. Without it, playback can seem broken even on a good connection. Upload them to your hosting.

Quick check: paste a video’s address into your browser. If it plays there, it will play in the player.

Fill in the generator

• ① Your film: the title, the number of sequences and, if needed, the “film with an ending” box (otherwise the film loops endlessly).
• ② Your videos: for each sequence, paste the addresses of its variants, one per line. There is no limit: as many sequences and variants as you like.

That is all you need to get a film. Everything else is optional.

Optional settings

• Thumbnail (panel ③): the image shown before playback. Without one, a black area is shown.
• Exclusion rules between variants (the “Exclusion rules” panel under step ②): click “+ Add a rule”, pick the starting sequence and variant, then the variants that must never be played afterwards. You can target any later sequence, not just the next one. Example: after variant 3 of sequence 2, never 4/1, 5/11, 6/4 or 10/9.
• Soundtracks (panel ③): click “+ Add a soundtrack”, paste the sound file’s address, then set, for example, “from seq. 2 to seq. 5”. The sound starts at the beginning of sequence 2 and fades out at the end of sequence 5. Add as many as you like.
• Switch sound (panel ③): a short sound played each time the film moves from one sequence to the next.
• Switch timing (panel ③): “Adjust the end of the sequence being played” sets how many seconds before the end of the video the film moves on (0 = at the very end, larger = earlier). If the switch cuts off the end of a sequence, lower this number (try 0.4, then 0). If only one variant is a problem, give it its own setting with “+ Add a variant setting”: the others keep the general setting. The cross-fade between two sequences is set on the same line (0 = hard cut).
• Iframe page address (panel ④): the address where you will upload the second file (see step 5). It powers the player’s “Embed” button, which lets your film be embedded on other sites, for example the OtaimFlux site if you send it to us.
• Player language (panel ③): language of the tooltips (the small text that appears when you hover over an icon) and of the “Embed” window. It does not change the film itself.

Click “Generate the codes”

Two codes appear in two tabs:

• 1 · Code for your page
• 2 · Iframe page (HTML)

Publish

• Code 1: copy it and paste it where the film should appear on your page: into a “Custom HTML” block if your site runs on WordPress, or into the equivalent on your site builder (an HTML code block or element, often called “Code”, “Embed” or “Custom HTML”: Wix, Squarespace, Webflow, Joomla…). If you code your site yourself, paste it straight into the page’s HTML file. The film appears.
• Code 2: copy it into a plain-text editor (Notepad, or TextEdit in “plain text” mode; not Word) and save it with a name ending in .html (for example my-film.html). Upload it to your hosting, at the address entered in ④. This is the page the “Embed” button offers to sites that want to show your film.