Intégrez des images/vidéos 360° sur WordPress en utilisant la librairie Open Source Pannellum

  • Modifié il y à6 mois 
  • Temps de lecture :2Minutes

Afficher des images/vidéos 360 sur WordPress de façon gratuite avec cette librairie Open Source

Remarque : Pannellum permet aussi la création de visite virtuelle en assemblant plusieurs images 360°.

Pannellum c’est quoi ?

Pannellum est une bibliothèque JavaScript open source pour créer des expériences interactives de visualisation panoramique et à 360 degrés. Elle permet aux développeurs d’intégrer facilement des images et des médias panoramiques dans des sites web et des applications, offrant aux utilisateurs la possibilité de naviguer et d’explorer ces contenus de manière immersive.

Source : ChatGPT

Étapes pour utiliser Pannellum.js dans WordPress

  1. Installer l’extension WordPress HTTP Headers.
  2. Dans les paramètres de l’extension HTTP Headers > Access Control > Activer CORS Access-Control-Allow-Origin : Origin.
    • Ajouter l’URL “https://cdn.pannellum.org”.
  3. Transférer les médias 360° au format JPEG equirectangulaire dans la médiathèque WordPress.
  4. Utiliser les codes Iframe ou les blocs HTML : https://pannellum.org/documentation/examples/simple-example.
  5. Remplacer les URLs par les URLs de vos images transférées sur WordPress.
  6. Dans un article ou une page copier/coller l’Iframe ou le code HTML dans un bloc Custom HTML.

Démo

Autres alternatives gratuites

Laisser un commentaire