Bonjour,
Je cherche à developper une appication web pour afficher en arrière-plan mes dernier dessin que je vais mettre dans un dossier définit.

Je n'arrive pas à choisir la bonne techologie pour développer cette petite application web que j'utliserait comme source naviagteur sur OBS-Studio

Je ferait passé des paramètre dans un composant web :

Folder : Le dossier ou il va contenir tout mes dessin
delay : Combien de temps l'image sera afficher avant que le script en choisi une autre aléatoirement

<div id="app">
    <bg-overlay folder="uploads" delay="5"/>
</div>

Se scripte touneras en boucle.

La première solution serait que j'utilise du javascript pure et la notions des web-components. Il serait difficile de le faire évoluer. Par exemple, le déclanchement d'événement personalalisé avec des point chaine. Si je devien affilié sur Twitch. Un jour... :)

L'autre est d'utlisé des outils comme React avec la commande create-app qui pourrait m'installer les dépendance et configurer webpack etc. Le problème est que je trouve extrême. Pour jusque je veux faire. Actuellement je ne suis pas affilié sur Twitch et je veux que mon outils puis évoluer facilement quand je le deviendras.

Ou utilisé une version légé de React comme Preact.

Je ne m'attend pas avoir le conde final, mais avoir d'autre piste que je peut explorer pour choisir la bonne technologie.

Merci et bonne journée

1 réponse


Bonjour,

Alors je ne connais pas du tout les contraintes pour diffuser via OBS-Studio ou Twitch.

Ce que je peux te dire en ce qui concerne une page web classique, c'est plutôt simple à faire avec du Javascript natif, et sans passer par un système de composant.

En gros je ferais :

  • une <img> de base avec l'image par défaut en "src";
  • un tableau qui contient la liste des images à afficher dans l'ordre;
  • un Interval qui va changer la valeur du "src" toutes les X secondes, en utilisant les données présentes dans le tableau;