Outil de création de vidéos côte à côte Placez deux vidéos côte à côte dans un seul cadre.
Vidéo côte à côte
Placez deux vidéos côte à côte dans un seul cadre.
Télécharger des vidéos
Téléchargez deux fichiers vidéo pour les placer côte à côte.
Configurer la mise en page
Choisissez une disposition de division horizontale ou verticale.
Créer et télécharger
Cliquez sur Créer et téléchargez votre vidéo côte à côte.
What Is Vidéo côte à côte?
L'outil de création de vidéos côte à côte est un outil gratuit basé sur le navigateur qui place deux vidéos l'une à côté de l'autre dans un seul cadre. Choisissez entre des dispositions de division horizontale (gauche-droite) ou verticale (haut-bas). Il est parfait pour les comparaisons de vidéos, les démonstrations avant-après, les vues multi-angles et le contenu réactionnel. Les deux vidéos se jouent simultanément et sont dessinées sur un Canvas combiné. L'audio des deux sources est mélangé ensemble avec des volumes ajustables. La sortie est un seul fichier vidéo contenant les deux vues. Tous les traitements ont lieu localement dans votre navigateur - aucun fichier n'est téléchargé.
Why Use Vidéo côte à côte?
-
Créez des mises en page avec division d'écran de n'importe quelles deux vidéos
-
Options de division horizontale ou verticale
-
Audio mixé provenant des deux sources
-
Pas de téléchargements - traitement privé
Common Use Cases
Comparaisons
Comparez les résultats avant/après, les versions de produits ou les différences de qualité.
Vues multi-angles
Montrez le même événement depuis deux angles de caméra différents simultanément.
Tutoriels
Affichez des documents de référence aux côtés de votre démonstration.
Réactions
Placez les séquences de réaction à côté du contenu original.
Technical Guide
L'outil de vidéos côte à côte charge deux vidéos dans des éléments HTML5 Video. Un Canvas est créé aux dimensions combinées - pour la disposition horizontale, la largeur est doublée ; pour la verticale, la hauteur est doublée. Lors du traitement, requestAnimationFrame dessine les deux cadres vidéo côte à côte sur le canvas à chaque image. La vidéo de gauche ou du haut est dessinée en (0,0) et la vidéo de droite ou du bas en (largeur,0) ou (0,hauteur). Les deux vidéos sont redimensionnées pour s'adapter à leur moitié du canvas en utilisant drawImage() avec une taille de destination. L'audio des deux vidéos est capturé via les nœuds createMediaElementSource() de l'API Web Audio, mélangés par l'intermédiaire d'un canal de regroupement ou de nœuds GainNodes, et combinés avec le flux du canvas pour la sortie MediaRecorder. La durée de sortie correspond à la plus courte des deux vidéos.
Tips & Best Practices
-
1Les vidéos avec des rapports d'aspect similaires produisent les mises en page les plus équilibrées
-
2La division horizontale convient le mieux aux vidéos plein écran, la verticale pour les portraits
-
3Ajustez les niveaux audio afin qu'une source ne domine pas l'autre
-
4Les deux vidéos devraient avoir des durées similaires pour une lecture synchronisée
Related Tools
Rogner des vidéos
Rognez vos vidéos pour supprimer les zones indésirables et modifier les ratios d'aspect.
🎬 Video Tools
Redimensionneur de vidéos
Redimensionnez des vidéos à n'importe quelle résolution ou dimension directement dans votre navigateur.
🎬 Video Tools
Vidéo en fenêtre contextuelle
Créez des vidéos en fenêtre contextuelle avec une vidéo superposée à une autre.
🎬 Video Tools
Fusionneur de vidéos
Fusionnez plusieurs extraits vidéo en un seul fichier vidéo dans votre navigateur.
🎬 Video ToolsFrequently Asked Questions
Q Puis-je utiliser des formats de vidéo différents ?
Q Que se passe-t-il si les vidéos ont des durées différentes ?
Q L'audio provenant des deux vidéos est-il inclus ?
Q Est-ce privé ?
Q Puis-je ajouter plus de deux vidéos ?
About This Tool
Vidéo côte à côte is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.