Ce projet permet de réaliser des diaporamas qui peuvent inclure :
- des photos
- des videos
- des musics
- du texte
Il est composé d'un slideshowPlayer et d'un slideshowTools
Tout le code s'exécute en local.
- Les photos sont dans le dossier : photos
- Les videos dans le dossier : videos
- les musics dans le dossier : musics
- Les bruitages dans le dossier : sons
- Les polices dans le dossier : fonts
Pour exporter votre animation,
- copir le dernier fichier sauvegardé : slideshowData-1616342130635.json qui se situe dans votre répertoire de téléchargement dans le répertoire d'installation.
- puis de zipper tout le dossier
- Cliquez ici
- Navigateur web google chrome (les tests ont été fait que sous google chrome)
- Téléchargez la dernière version
- Dézippez l'archive dans un dossier
- Allez dans le dossier slideshow-1.0.0 (1.0.0 correspond à la version téléchargée)
Lancement du player :
- Lancez dans le navigateur la page slideshowPlayer.html pour le player
- Cliquez sur l'icône et sélectionnez le fichier du dossier slideshowDataDemo.json
- Cliquez sur l'icône play
Lancement de la boite à outils :
- Lancer dans le navigateur la page slideshowTools.html pour les outils qui permettent de modifier ou de créer votre propre animation
Les versions sont disponibles ici
- gestion des fonts, des couleur et de la taille pour les textes
- ajouts d'effets pour les images
- ajout de sons/bruitages
- refonte de slideshow tools
- ajout d'un fichier de démo
- offline version (pas besoin de connexion internet pour fonctionner)
Première version qui contient le slideshowPlayer et le slideshowTools Les effects disponibles dans cette version :
- Pour les photos : sépia et noir et blanc
- Pour le texte : effec starwars
- Pour les photos et textes : movement de haut en bas, de bas en haut, de gauche à droite et de droite vers gauche
- Pour les photos et textes : apparation progression(fadeIn) et disparation progression(fadeOut)