# Slider: Interface de curseur de plage

Un curseur de plage rempli jusqu'à 40, avec une poignée ronde et sa valeur affichée au-dessus. Modèle vidéo : code pour Claude ou montage dans Subclip.

Canonical URL: https://www.subclip.app/fr/motion-graphics-templates/remotion/slider

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-slider.mp4?v=3fe9df38d1

Un curseur de plage net dont la valeur de remplissage et l'état de la poignée se règlent, avec la valeur actuelle affichée au-dessus de la poignée.

- Framework: Remotion
- Catégorie: Interface
- Durée: 4 s
- Format: 16:9 paysage
- Code: Obtenir le code (connexion gratuite) : https://www.subclip.app/fr/motion-graphics-templates/remotion/slider

Un curseur de plage de 320 pixels est posé sur un fond blanc, rempli à 40 pour cent, avec une poignée ronde au repos et la valeur " 40 " au-dessus. Le modèle garde cet état pendant quatre secondes. Dans le code, le remplissage suit une valeur scriptée et la poignée grandit et affiche un anneau au survol et au clic, pour donner l'impression qu'on la fait glisser.

Vous pouvez définir la valeur, l'état de la poignée (repos, survol ou enfoncée), la largeur de la piste et l'affichage de la valeur, ainsi que la vitesse de lecture et l'arrière-plan. Utilisez-le pour une démo de réglages, un sélecteur de prix ou de quantité, un contrôle de volume ou de luminosité dans une vidéo d'app ou la présentation d'un design system.

## Idéal pour

- Démos de réglages
- Sélecteurs de prix et de quantité
- Vidéos de contrôles d'app
- Présentations de design systems

## Ce que vous pouvez modifier

- `speed`: Vitesse de lecture (Nombre)
- `stageBackground`: Arrière-plan autour de la scène (Couleur)

## Comment utiliser ce template

1. Téléchargez Subclip pour Mac ou Windows. Tous les templates de cette page y sont préinstallés.
2. Ouvrez le panneau Templates, choisissez Slider et déposez-le sur votre timeline.
3. Modifiez le texte, les couleurs et le timing dans les réglages du calque, ou demandez à l'agent IA de le faire pour vous.
4. Exportez votre vidéo, ou téléchargez le code pour utiliser le template dans votre propre projet.

Basé sur Slider de remocn: https://remocn.dev