Iframe dans PGSThèque
PGSthèque est un cloud sécurisé permettant de stocker et gérer des documents d’entreprise. Grâce aux iframes, il est possible d'afficher ces documents sur des sites tiers de manière sécurisée, sans nécessiter d'authentification ni de token. Cette méthode assure un accès direct aux fichiers tout en préservant leur confidentialité.
Les iframes permettent d'intégrer différents types de documents tels que Excel, Word, PowerPoint, PDF, images et HTML dans des pages web.
Ils utilisent un paramètre du fournisseur de la frame et les paramètres link fournis par PRO GESTION SOFT API.
Paramètres du lien
| Paramètre | Valeur | Observation |
|---|---|---|
| Fournisseur | Paramètre du fournisseur | En fonction du fournisseur |
| Lien (src) | Lien intégré. | - |
| URL de l'API document | https://***.com/api/v1/admin/document/ | Fournis par PRO GESTION SOFT API |
| Url du fichier | chiffrement/nom-du-fichier | Récuperer l'url depuis un navigateur |
Intégration de fichiers Office (Excel, Word, PowerPoint)
Les fichiers Excel, Word et PowerPoint peuvent être affichés directement via le visionneur Office en ligne.
Décomposition des paramètres
| Paramètre | Description | Valeur | Exemple |
|---|---|---|---|
| width | Largeur en pixels de l'iframe. | Nombre positif | 862 |
| height | Hauteur en pixels de l'iframe. | Nombre positif | 422 |
| frameborder | Affichage de la bordure de l'iframe. | 0 (sans bordure) ou 1 (avec bordure) | 0 |
| scrolling | Activaction du défilement. | no (sans défilement) ou yes (avec défilement) | no |
| src | URL du fichier à afficher. | Voir paramètres du lien | - |
| waccluster | Paramètre technique de Microsoft. | imbriqué dans "src" (ex: &waccluster=PNL1) | &waccluster=PNL1 |
| Fournisseur | https://view.officeapps.live.com/op/embed.aspx? | Fourni par Microsoft Office live | - |
Exemple de lien pour office
src="https://view.officeapps.live.com/op/embed.aspx?src=https://***.com/api/v1/admin/document/chiffrement/nom-du-fichier &waccluster=PNL1"
Intégration de fichiers PDF
Les fichiers PDF sont affichés en utilisant Mozilla PDF.js Viewer.
Décomposition des paramètres
| Paramètre | Description | Valeur | Exemple |
|---|---|---|---|
| width | Largeur en pixels de l'iframe. | Nombre positif | 862 |
| height | Hauteur en pixels de l'iframe. | Nombre positif | 422 |
| frameborder | Affichage de la bordure de l'iframe. | 0 (sans bordure) ou 1 (avec bordure) | 0 |
| src | URL du fichier à afficher. | Voir paramètres du lien | - |
| Fournisseur | https://mozilla.github.io/pdf.js/web/viewer.html? | Fourni paMozilla PDF.js Viewer | - |
Exemple de lien pour PDF
src="https://mozilla.github.io/pdf.js/web/viewer.html?file=https://***.com/api/v1/admin/document/chiffrement/nom-du-fichier"
Intégration d'images (JPEG, JPG, PNG et GIF)
Les images peuvent être affichées avec la balise <img />.
Décomposition des paramètres
| Paramètre | Description | Valeur | Exemple |
|---|---|---|---|
| href | URL de destination si clix sur l'image (Falcultaif). | Lien de destination | - |
<a> </a> | Envelopper l'image dans la balise </a> pour créer un lien. | Paramètre de l'image | - |
<img /> | Envelopper le lien de l'image dans la balise <img />. | Lien de l'image | - |
| width | Largeur en pixels de l'iframe. | Nombre positif | 862 |
| height | Hauteur en pixels de l'iframe. | Nombre positif ou auto | auto |
Exemple de lien pour image
<img src="https://***.com/api/v1/admin/document/chiffrement/nom-du-fichier" />
Intégration de média (video, audio)
Les médias peuvent être affichées avec la balise <video /> ou <audio /> selon le type de média intégré.
Décomposition des paramètres
| Paramètre | Description | Valeur |
|---|---|---|
<video> </video> | Vidéo uniquement. | - |
<audio> </audio> | Audio uniquement. | - |
<source /> | Envelopper le lien du média dans la balise <source />. | Lien du média |
type /> | Type du média. | video/mp4 ou audio/mpeg |
| Message | Alerte en cas d'erreur d'affichage | Texte |
| Attribut relatif | Largeur en pixels de l'iframe. | Attribut |
Liste des attributs importants
| Attribut | Audio 🎵 | Vidéo 🎬 | Description |
|---|---|---|---|
controls (obligatoire) | ✅ | ✅ | Affiche les boutons natifs (play, pause, etc.). |
autoplay | ✅ | ✅ | Joue automatiquement après le chargement. |
loop | ✅ | ✅ | Relance après la fin. |
muted | ✅ | ✅ | Coupe le son dès le départ. |
preload | ✅ | ✅ | Gère le préchargement (auto, metadata, none). |
poster | ❌ | ✅ | Affiche une image avant lecture (uniquement vidéo). |
width / height | ❌ | ✅ | Définit la taille d’affichage de la vidéo. |
Explication de preload
| Valeur | Effet |
|---|---|
auto | Charge tout le fichier avant même que l’utilisateur appuie sur play. |
metadata | Charge uniquement les informations de fichier (durée, format). |
none | Ne charge rien avant que l’utilisateur appuie sur play. |
Exemple de lien pour video
<source src="https://***.com/api/v1/admin/document/chiffrement/nom-du-fichier" type="video/mp4" />
Exemple de lien pour audio
<source src="https://***.com/api/v1/admin/document/chiffrement/nom-du-fichier" type="audio/mpeg" />
Intégration de fichiers HTML
Les fichiers HTML stockés sur PGS peuvent être intégrés directement via une iframe.
Décomposition des paramètres
| Paramètre | Description | Valeur | Exemple |
|---|---|---|---|
<iframe> | Envelopper le fichier dans <frame>. | - | - |
src | URL du fichier à afficher. | Lien de l'image | - |
| width | Largeur en pixels de l'iframe. | Nombre positif | 862 |
| height | Hauteur en pixels de l'iframe. | Nombre positif | 422 |
Exemple de lien pour fichier HTML
<img src="https://***.com/api/v1/admin/document/chiffrement/nom-du-fichier" />
Cette page vous a-t-elle aidé ?