Fisheye Glass Video

Fisheye Glass Video

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

Transformez n'importe quelle vidéo en une sphère animée avec un effet fisheye réaliste et une finition inspirée du verre

Fisheye Glass Video applique une véritable déformation en temps réel grâce à un shader WebGL, sans utiliser de filtre, de GIF ou d'animation préenregistrée. Quel que soit le format de votre vidéo, le rendu reste fluide, net et parfaitement sphérique.

Features

Vidéo

  • Importez une vidéo ou utilisez une URL externe

  • Image de couverture (poster) optionnelle

  • Lecture automatique, boucle et mode muet configurables

Effets

  • Intensité de l'effet fisheye entièrement ajustable

  • Effet de franges chromatiques sur les contours

  • Halo lumineux et reflet de verre personnalisables

  • Ombre et bordure natives pour une intégration parfaite

Contrôles

  • Boutons Lecture/Pause et Volume optionnels

  • Contrôles affichés au survol de la vidéo

Note d'usage

L'effet fisheye est calculé en temps réel et n'apparaît que dans le mode Preview de Framer ou sur le site publié. Dans le canvas, une image fixe est affichée pour garantir une édition fluide. Pour obtenir un aperçu plus fidèle pendant la conception, vous pouvez définir une image de couverture (poster).

Installation

  1. Glissez Fisheye Glass Video sur votre canvas Framer

  2. Importez une vidéo ou collez une URL

  3. Ajustez l'effet fisheye et les paramètres visuels

  4. Activez éventuellement le poster et les contrôles

  5. Publiez