Feuilleter un PDF en ligne : Différence entre versions

De Les Fabriques du Ponant
Aller à : navigation, rechercher
(Exemple en HTML)
(Exemple en HTML)
 
(2 révisions intermédiaires par le même utilisateur non affichées)
Ligne 75 : Ligne 75 :
  
 
====Exemple en HTML====
 
====Exemple en HTML====
On utilise ce code d'encapsulation :
+
On utilise ce code d'encapsulation (Source : https://fr.w3docs.com/snippets/html/comment-integrer-pdf-dans-html.html ):
  
 
<nowiki>
 
<nowiki>
Ligne 82 : Ligne 82 :
 
<html>
 
<html>
 
   <head>
 
   <head>
     <title>Titre du document</title>
+
     <title>encapsulation</title>
 
   </head>
 
   </head>
 
   <body>
 
   <body>
     <h1>Exemple PDF avec iframe</h1>
+
     <h1>Le cahier des questionnologues</h1>
     <iframe src="https://wiki.lesfabriquesduponant.net/images/4/4d/Super_Brest_Cahier_Questionnologue.pdf" width="100%" height="500px"> </iframe>
+
     <iframe src="https://wiki.lesfabriquesduponant.net/images/4/4d/Super_Brest_Cahier_Questionnologue.pdf" width="100%" height="1000px"> </iframe>
 
   </body>
 
   </body>
 
</html>
 
</html>
Ligne 96 : Ligne 96 :
 
<html>
 
<html>
 
   <head>
 
   <head>
     <title>Titre du document</title>
+
     <title>encapsulation</title>
 
   </head>
 
   </head>
 
   <body>
 
   <body>
     <h1>Exemple PDF avec iframe</h1>
+
     <h1>Le cahier des questionnologues</h1>
     <iframe src="https://wiki.lesfabriquesduponant.net/images/4/4d/Super_Brest_Cahier_Questionnologue.pdf" width="100%" height="500px"> </iframe>
+
     <iframe src="https://wiki.lesfabriquesduponant.net/images/4/4d/Super_Brest_Cahier_Questionnologue.pdf" width="100%" height="1000px"> </iframe>
 
   </body>
 
   </body>
 
</html>
 
</html>
 
</html>
 
</html>

Version actuelle datée du 26 novembre 2024 à 18:36

Haaaa, l'effet "Ouahou !" du pdf qu'on feuillette en ligne et qui fait le bruit de la page du livre qu'on tourne !

Historiquement il y a eut Calaméo, une solution commerciale qui offrait un service gratuit assez large, mais le service s'est restreint et il faut maintenant payer pour avoir plus de 5 documents en ligne (à la date du 26 novembre 2024).

Bien sur, il n'ya rien de chiquant à payer pour avoir un service.

Cependant, il existe des logiciels libres qui peuvent offrir un service comparable. Sur cette page nous explorons l'offre identifiée sur le web.

Quel service rechercher ?

par ordre de complexité du service

  1. Permettre le téléchargement du PDF,
  2. Permettre d'afficher le PDF en ligne (la plupart des navigateurs modernes le font).
  3. Permettre de "feuilleter" le PDF en ligne.

Pour ce qui est de "feuilleter" le PDF en ligne, on peut souhaiter différents service :

  • Un plugin pour un site particulier (SPIP, Médiawiki, Wordpress),
  • Un code permettant l'encapsulation dans n'importe quel site (iFrame par exemple),
  • Héberger les fichiers sur nos propres serveurs,
  • Que l'affichage permette : le téléchargement du PDF, de récupérer un code d'encapsulation pour en permettre la réutilisation, ...
  • Que ce soit du logiciel libre.

Cela peut aller jusqu'à la création PDF interactifs et enrichis (incluants liens cliquables, formulaires, vidéos, sons et autres effets...)

L'offre existante

Les plugins

Pour Wordpress : il y a en a plusieurs

Pour Spip :

Pour Médiawiki :

Offre libre

Il y a la trousse à outils de La Digitale (mais pas forcément ce qu'il nous faut):

Il existe des solutions à installer sur ses serveurs. Mais cela demande de compétences techniques liées à l'administration serveur.

Pas encore prêt, mais en cours de déveloopement, basé sur H5P

Offre non-libre

Il existe des versions gratuites, souvent limitée (nombre de PDF, filigranne, pafois nombre de vues,...) et différentes versions payante offrants des services autres. la version payante, suivant les solutions, permet de télécharger une mini application ou une extension compatible Wordpress.

Liens vers quelques services

Par exemple :

PUBHTML5

voici les tarifs et options :

TarifsEtServicesPubHTML5-2024.png

Exemple de Calameo

Exemple de pubhtml5

Exemple en HTML

On utilise ce code d'encapsulation (Source : https://fr.w3docs.com/snippets/html/comment-integrer-pdf-dans-html.html ):

<html> <!DOCTYPE html> <html> <head> <title>encapsulation</title> </head> <body> <h1>Le cahier des questionnologues</h1> <iframe src="https://wiki.lesfabriquesduponant.net/images/4/4d/Super_Brest_Cahier_Questionnologue.pdf" width="100%" height="1000px"> </iframe> </body> </html> </html>

encapsulation

Le cahier des questionnologues

</html>