Une application React avec TypeScript pour sélectionner des vidéos et afficher leurs aperçus (thumbnails).
Ce projet permet aux utilisateurs de :
- Sélectionner une ou plusieurs vidéos depuis leur appareil.
- Générer et afficher des thumbnails (aperçus) des vidéos sélectionnées.
- Voir les informations des vidéos comme leurs noms.
- Sélection de vidéos : Importez plusieurs vidéos grâce à une interface utilisateur simple.
- Génération de thumbnails : Créez des aperçus à partir des vidéos sélectionnées.
- Affichage dynamique : Affichez les aperçus sous forme de liste avec leurs noms.
- Prise en charge des vidéos multiples : Gère plusieurs fichiers en une seule fois.
- Possibilité de lire
- Node.js (version >= 14.x recommandée)
- Gestionnaire de packages :
npmouyarn - Navigateur moderne prenant en charge FileReader et
<canvas>.
-
Cloner le dépôt :
git clone https://github.com/tinkererPlayground/player.git cd video-thumbnails-preview -
Installer les dépendances :
npm install
ou
yarn install
-
Lancer l'application en mode développement :
npm start
ou
yarn start
- Ouvrez votre navigateur à l'adresse http://localhost:5173.
- Cliquez sur "Sélectionner des vidéos" pour importer vos fichiers.
- Regardez les thumbnails générés dans la galerie !
Les contributions sont les bienvenues ! Suivez ces étapes pour proposer des modifications :
- Forkez le projet.
- Créez une branche pour votre fonctionnalité :
git checkout -b nouvelle-fonctionnalite
- Committez vos modifications :
git commit -m "Ajout d'une nouvelle fonctionnalité" - Poussez sur votre branche :
git push origin nouvelle-fonctionnalite
- Ouvrez une Pull Request sur le dépôt principal.
Ce projet est sous licence MIT. Consultez le fichier LICENSE pour plus de détails.
Merci d'utiliser cette application ! Si vous avez des suggestions ou des retours, n'hésitez pas à créer une issue sur le dépôt. 😊
Vous pouvez personnaliser ce modèle en fonction des besoins spécifiques de votre projet. 😄