Ce que tu vas construire
Une petite “app” personnelle qui lit un dossier pCloud public, affiche les vidéos avec miniatures, permet d’ajouter des tags localement sur l’iPhone, puis exporte une page HTML par collection.
Un dossier vidéo pCloud
Les fichiers vidéo restent stockés dans pCloud. Le script ne déplace pas les fichiers et ne modifie pas le cloud.
Une interface Scriptable
Scriptable lit le lien public pCloud, affiche les vidéos, ouvre la lecture et stocke les tags dans un fichier local sur l’iPhone.
Des pages HTML partageables
Chaque tag peut devenir une page statique avec recherche, miniatures, tags visibles et filtres par tag.
Étape 1 — préparer pCloud
pCloud sert de stockage vidéo. Pour que le script puisse lire le dossier, il faut créer un lien public de dossier.
Actions à faire dans pCloud
- Créer un dossier dédié, par exemple Videos.
- Mettre les vidéos directement à la racine du dossier.
- Éviter les sous-dossiers dans cette première version.
- Générer un lien public / lien de partage du dossier.
- Copier ce lien : il sera collé dans Scriptable au premier lancement.
Pourquoi la racine du dossier ?
Le script est volontairement simple : il liste les fichiers vidéo au premier niveau du dossier partagé. C’est plus fiable, plus rapide et plus facile à maintenir.
└── Videos
├── anniversaire.mp4
├── vacances.mov
└── concert.mp4
Étape 2 — installer Scriptable
Scriptable est une app iOS qui exécute du JavaScript et peut afficher des pages HTML, lire des fichiers locaux, ouvrir Safari et interagir avec iOS.
Installation rapide
- Installer Scriptable depuis le site officiel ou l’App Store.
- Créer un nouveau script dans Scriptable.
- Copier-coller le fichier JavaScript ci-dessous.
- Lancer le script.
- Coller le lien public pCloud quand l’alerte le demande.
Fichier JavaScript
Le fichier ci-dessous est un template partageable sans information personnelle. Il est prévu pour être copié dans Scriptable.
Étape 3 — utiliser FamilyFlix
Une fois lancé, le script affiche une interface vidéo. Les tags restent enregistrés localement dans Scriptable.
Étape 4 — générer une page HTML statique
Le script peut générer une page HTML pour un tag : par exemple “vacances”, “famille”, “archives”. Cette page contient les miniatures, les liens vidéo, la recherche et les filtres.
Depuis Scriptable
- Relancer le script.
- Choisir Exporter un tag en HTML.
- Sélectionner le tag à exporter.
- Donner un titre public à la page.
- Récupérer le fichier index.html.
Structure générée
└── familyflix-vacances/
└── index.html
Pour publier correctement une page statique, le fichier d’accueil doit s’appeler index.html.
Étape 5 — héberger la page
Deux options simples : Netlify Drop ou pCloud Public Folder. Netlify est souvent le plus rapide pour tester. pCloud Public Folder est pratique si l’option est disponible sur ton compte.
Option A — Netlify Drop
- Créer un dossier contenant le fichier index.html.
- Ouvrir Netlify Drop.
- Glisser-déposer le dossier.
- Copier l’URL publique générée.
Option B — pCloud Public Folder
- Activer le Public Folder dans pCloud si l’option est disponible.
- Déposer le dossier exporté ou le fichier HTML dedans.
- Copier le lien direct du fichier index.html.
- Partager ce lien.
Concepts fonctionnels et techniques
Pas besoin d’être développeur pour utiliser le système, mais comprendre les briques aide à éviter les erreurs.
HTML statique
Une page HTML statique est un simple fichier web. Elle peut contenir du texte, du design, des liens, un peu de JavaScript et des images intégrées. Elle n’a pas besoin de serveur applicatif.
API
Une API est une porte d’entrée standardisée : un logiciel envoie une requête avec des paramètres, et le service répond avec des données structurées. Ici, Scriptable appelle l’API publique de pCloud.
Tags locaux
Les tags ne sont pas écrits dans pCloud. Ils sont stockés dans un fichier JSON local sur l’iPhone. Les vidéos sont reconnues principalement par leur identifiant pCloud.
FAQ
Les questions les plus fréquentes avant de partager ce guide.
Est-ce que mes vidéos sont copiées ailleurs ?
Non. Les vidéos restent dans pCloud. La page HTML exportée contient surtout des liens de lecture et des miniatures. Si tu publies cette page, les personnes qui y ont accès peuvent ouvrir les vidéos liées.
Est-ce que c’est vraiment privé ?
Ce n’est pas un système d’authentification. Si une URL est publique ou partagée, toute personne qui possède le lien peut potentiellement y accéder. Pour un vrai contrôle d’accès, il faut un hébergement avec mot de passe ou une solution avec authentification.
Pourquoi mon fichier HTML ne s’affiche pas dans un dossier pCloud classique ?
Un lien de partage classique affiche souvent une prévisualisation de fichier. Pour servir du HTML comme une vraie page web via pCloud, il faut utiliser le Public Folder, qui est prévu pour les liens directs et les sites HTML statiques.
Pourquoi faut-il un fichier index.html ?
Sur la plupart des hébergeurs statiques, quand on ouvre un dossier web, le serveur cherche automatiquement un fichier nommé index.html. C’est la page d’accueil par défaut.
Que se passe-t-il si je renomme une vidéo dans pCloud ?
Le nouveau nom s’affichera au prochain chargement. Les tags devraient rester attachés si pCloud conserve le même identifiant de fichier. Supprimer puis réuploader une vidéo peut en revanche créer un nouvel identifiant et casser l’association des tags.
Qu’est-ce qu’une API exactement ?
Une API est un contrat entre deux logiciels. Au lieu de cliquer dans une interface, le script appelle une URL spéciale avec des paramètres. Par exemple : “donne-moi la liste des fichiers de ce dossier public”. pCloud répond avec des données, et Scriptable les transforme en interface.
Faut-il savoir coder ?
Pas vraiment pour utiliser le template : il suffit de copier-coller le script dans Scriptable. En revanche, si tu veux changer profondément l’interface, les filtres ou le comportement, il faudra modifier un peu de JavaScript, HTML et CSS.
Comment mettre à jour une page exportée ?
Les exports HTML ne sont pas synchronisés automatiquement. Après avoir renommé des vidéos, modifié des tags ou ajouté des fichiers, il faut relancer l’export et remplacer le fichier index.html publié.
Sources officielles utiles
Liens à garder sous la main pour comprendre les briques utilisées.
Qui suis-je ?
J’aide des experts B2B à structurer et accélérer leur développement commercial. En ce moment, j’accompagne Nextrend, qui forme les créatifs à l’IA générative, et Teeo, qui aide entreprises et collectivités à accélérer leur sobriété énergétique.
Un de ces sujets te parle ? Écris-moi sur LinkedIn, avec plaisir.