SDK navigateur

liseuse.js intègre la liseuse dans votre page, vous dit où en est le lecteur et vous laisse tourner les pages. Aucune donnée sur le lecteur n’est transmise.

Installer

page.html

<script src="https://liseuse-pdf.com/static/sdk/liseuse.js" defer></script>

<div data-liseuse="https://liseuse-pdf.com/lire/…"
     data-hauteur="720" data-theme="sombre" data-masquer="vignettes"></div>

Les éléments data-liseuse sont remplis au chargement. Attributs : data-hauteur, data-theme, data-langue, data-accent, data-mode, data-ajuster, data-masquer, data-titre, data-retour, data-page. Après un ajout dynamique, appelez Liseuse.auto().

En JavaScript

app.js

const lecteur = Liseuse.integrer("#magazine", {
  src: urlSigneeFournieParVotreServeur,
  hauteur: 720,          // nombre (px) ou "80vh"
  theme: "clair", accent: "#c2410c", mode: "double",
  masquer: ["vignettes"], page: 3,
  onPret: e => console.log(e.pages, "pages"),
});

lecteur.on("page", e => console.log("page", e.page, "sur", e.pages));
lecteur.on("fin", () => afficherOffreReabonnement());

lecteur.allerA(12);
lecteur.suivante();
lecteur.precedente();
lecteur.detruire();

Événements

Événement	Données	Quand
`pret`	`{ pages, titre }`	Le document est ouvert
`page`	`{ page, pagesVisibles, pages }`	À chaque changement de page
`fin`	`{ pages }`	La dernière page est affichée (une fois)

Sans le SDK

La liseuse publie ses événements par postMessage vers la page qui l’intègre : { source: "liseuse", type, … }. Elle accepte de cette seule page les commandes { cible: "liseuse", commande: "page", page: 12 }, "suivante" et "precedente". Vérifiez toujours event.origin (https://liseuse-pdf.com ou https://liseuse-pdf.fr).