Slider Revolution Scroll Video Add-On

Guide du Slider Revolution Scroll Video Add On

Le Slider Revolution Scroll Video Add On est un outil puissant pour créer des effets captivants sur votre site web. En tirant parti de la merveilleuse fonctionnalité de synchronisation vidéo avec le défilement de la page, vous avez la possibilité de transformer la manière dont vos utilisateurs interagissent avec votre contenu. Ce guide vous amène à travers les étapes essentielles pour utiliser cet addon, y compris l’installation, la configuration des vidéos et la création de superbes effets visuels.

Développement

Introduction au Slider Revolution

Slider Revolution a commencé comme un simple plugin pour les diaporamas, mais il a depuis évolué pour devenir un logiciel complet de création de contenu numérique. Sa capacité à intégrer des animations captivantes et des effets visuels impressionnants en fait un choix privilégié pour les développeurs et les designers. Avec le Slider Revolution Scroll Video Add On, vous pouvez ajouter des vidéos en fond qui s’activent (ou qui se déroulent à l’envers) en fonction du défilement de la page, créant ainsi une expérience immersive pour l’utilisateur.

Installation et Activation de l’Addon Scroll Video

Pour commencer à utiliser le Slider Revolution Scroll Video Add On, il est crucial de l’installer et de l’activer correctement. Suivez les étapes qui suivent :

1. Ouvrez l’interface des addons dans le Slider Revolution.
2. Recherchez le Scroll Video Add On et cliquez sur “Installer”.
3. Une fois l’installation terminée, activez-le via la même interface.

Après activation, vous devrez activer la lecture vidéo par défilement dans les options générales du module. Cliquez sur l’icône Scroll Video et activez l’option “Utiliser la lecture vidéo par défilement”. Cela remplace les options habituelles de configuration de la couche d’arrière-plan par celles spécifiques à l’addon.

Génération des Cadres Vidéo

Le cœur du Slider Revolution Scroll Video Add On réside dans sa capacité à transformer une vidéo en plusieurs images individuelles, appelées cadres. Ces cadres sont affichés en fonction du positionnement de défilement de la page. Voici comment procéder :

Choix de la Source Vidéo

Vous avez deux options pour sélectionner votre source vidéo :

• Votre propre vidéo : Cliquez sur le bouton de la bibliothèque multimédia, téléchargez un fichier vidéo ou sélectionnez-en un de votre bibliothèque existante.
• Vidéo prédéfinie : Le Slider Revolution propose plus de 60 vidéos dans sa bibliothèque intégrée. Cliquez sur le bouton de la bibliothèque d’objets pour y accéder.

Configuration des Options de Génération de Cadres

Une fois votre source vidéo choisie, il est temps de configurer comment les cadres doivent être générés :

• Temps de Début et de Fin : Par défaut, les cadres sont générés sur toute la durée de la vidéo, mais vous pouvez sélectionner une portion spécifique en définissant des points de début et de fin. Plus la plage entre ces deux points est longue, plus le fichier sera volumineux, alors essayez de viser un équilibre.

• Images par Seconde : Par défaut, c’est réglé sur 1 image par seconde (ips). Vous pouvez l’augmenter jusqu’à 30 ips pour un rendu plus fluide, mais sachez qu’une augmentation se traduira par un fichier plus lourd.

• Qualité : Ajustez la qualité de l’image allant de 0.1 pour une très basse qualité (petits fichiers) à 1.0 pour la meilleure qualité (fichiers lourds). Gardez à l’esprit que cela influencera également le temps de chargement.

• Taille Cible : Le réglage par défaut est 720p, mais vous pouvez le régler sur des dimensions variant de 240p à 4K. Les résolutions plus élevées offriront une meilleure fidélité visuelle, mais augmenteront également la taille des fichiers.

Options de Scroll Vidéo

En plus de la génération des cadres, vous pouvez configurer d’autres options essentielles pour optimiser la performance et l’expérience utilisateur :

• Conserver le Loader Pendant le Chargement : Maintenez l’affichage d’un loader pendant que les images des cadres terminent leur chargement.

• Bloquer le Défilement Pendant le Chargement : Assurez-vous que toutes les images des cadres soient entièrement chargées avant que l’utilisateur puisse faire défiler la page.

• Décalage de Début : Permet de débuter la vidéo à un moment précis dans le défilement, ce qui est idéal pour un effet d’immersion dès le départ.

• Décalage de Fin : Ajustez combien de défilement est nécessaire avant que la vidéo ne commence à défiler hors de l’écran. Cela permet de s’assurer que votre vidéo a eu le temps de jouer complètement avant de disparaître.

Intégration de Scrolling avec d’autres Interactions

En utilisant le Slider Revolution Scroll Video Add On, vous pouvez facilement combiner ce type de vidéo avec d’autres interactions basées sur le défilement. Avec la fonctionnalité de synchronisation des vidéos activée, une multitude d’autres interactions animées peuvent être intégrées pour une expérience utilisateur fluide et engageante.

Les vidéos de fond peuvent être associées à des textes qui apparaissent, des effets de défilement, ou même d’autres éléments visuels qui peuvent bouger ou changer de façon contextuelle. Cela enrichit non seulement l’esthétique de votre site, mais améliore également l’interaction utilisateur, engageant ainsi les visiteurs de manière plus efficace.

Conclusion

Le Slider Revolution Scroll Video Add On est un outil incontournable pour quiconque souhaite designer des pages visuelles et dynamiques. En suivant les étapes présentées dans ce guide, vous pouvez facilement générer des vidéos qui captivent et retiennent l’attention de votre audience. Vous êtes désormais prêt à tirer parti de cette technologie pour améliorer vos créations, rendant vos sites web non seulement plus beaux, mais également plus interactifs. Que vous soyez un designer ou un développeur, cet addon ouvre un monde de possibilités pour repenser la manière dont votre contenu est présenté et vécu par vos utilisateurs.