KraZhtest, le 28/09/2014 à 10:26
Modification shaarli pour previsualisation direct et génération de screenshots
Avec webshooter (mon pti script générateur de screenshot) http://github.com/webdev23/webshooter une capture est générée automatiquement, à l'ajout d'un nouveau lien.
Ajout d'un bouton pour lancer le processus, sauver l'image dans un dossier de shaarli. Une fois le screenshot fait, un bouton pour renommer l'image png avec le titre du message.
Ensuite, 3e script qui lui est appelé sur chaque image présente dans la page(rszr.php), il sert à découper le screenshot Png pour ne prendre que la bande du haut, un truc comme 1000*200 px
Bon la qualité des screenshots n'est pas toujours parfaite (décalage HTML fréquent, surtout sur les sites lourds en Javascript), c’est dû à HTML2 canvases js qui fait ce qu'il peut!
Donc j'ai aussi ajouté sur editlink un formulaire pour envoyer directement une image dans le bon dossier de shaarli, puis suffit de cliquer sur renommer et voila!
Voilà pour l’arrière-boutique.
Et pour devant effectivement ça ramais beaucoup trop au chargement, alors maintenant je change l'if ramé Src à la volée, pour pas qu'elle se charge au démarrage.
Un simple bouton "read" mais on peut aussi cliquer sur l'image ça appelle la même fonction.
J'ai pas mal galéré pour faire que chaque élément ait une ID unique, pour pas que les boutons agissent sur tous les éléments identiques de la page. Vu que tout est unique ça permet d'afficher 100 liens par page, chaque frame est indépendant. Et ça marche!