chriscamicas / girr Goto Github PK

L'ordre des incrusts n'est pas conservé et pas logique
(à détailler)

Page listant les news de l'émission, et les incrusts par news
Elle disposera de boutons permettant de naviguer facilement entre les incrusts d'une news, et pour enchaîner vers la news suivante

(prévoir une navigation simple, à la powerpoint)

Afin de remplir la description des vidéos en replay sur youtube, actuellement on doit copier/coller chacun des titres des news d'une émission pour pouvoir constituer un sommaire.
De mon côté, en tant que dev, j'attaque directement l'API, mais ce n'est pas utilisable pour tout le monde.
Par exemple, je fais un
curl 'https://server/api/programs/5a006a954c894a6933fea669/episodes/5b693bc2fd91ec49602039a6/topics' -k | jq -r '.[] | .title'

et ça me renvoie un joli extract des titres

Android P 9 est disponible
Tesla : La nouvelle console de jeux roulante
Réseau neuronal lumineux passif
Les Pixel 3 sortent le 4 octobre
Xiaomi MiniJ
Les trot-lib se font "hacker"
Apple vaut $1 trillion
Tesla S5
Palm is back
Pocophone F1 en fuite
Amazon AR au service de la productivité
Sortir Tesla de la bourse ?
@cedricbonnet @chriscamicas
@stdrenegade
studiorenegade.fr
tipeee.com/stdrenegade

Il serait utile de proposer ce même extract de texte depuis l'interface d'un épisode

Sur un pauvre raspberry, les appels GET /data/uploads sont très longs
Je pense qu'il s'agit de la conversion via jimp qui le met à genou, sur les incrusts je pense qu'on peut enlever cette fonctionnalité

Il serait peut être interessant au moyen d'accessoire connecté (Hue ?) d'avoir un retour visuel:

Exemple : Si on est dans la scène "classique", que le live twitch est on line et que le micro est activé , alors la lumière est verte,

Green: Scene principale, twitch on, micro on
Yellow: Scene de transition, twitch on, micro on
Orange: Micro off,
Red: Twitch off

Avoir un titre global en plus des titres des news, qui serait le titre de l'émission.
Il sera affiché au démarrage.

Découper l'écran Xsplit en zone fixe pour pouvoir les appeler facilement depuis l'interface présentateur.
Zone 1 : Image + Titre + Sous-titre
Zone 2 : Bandeaux image
Zone 3 : Logo
Zone 4 : Incruste fullscreen
Zone 5 : Chatroom

Sur l'écran xsplit, avoir des fonctions qui à partir des paramètres nécessaires (texte, image) affichent le bon bandeau au bon moment en effaçant les autres.

Capture : http://imgur.com/a/FbX14

Pouvoir réordonner les incrusts d'une news
par ex, via drag&drop dans l'interface de préparation

Lorsque la mise à jour d'un sujet plante (ex : le sujet a été supprimé entre temps, la connexion est perdue ...), ce serait bien que l'app web propose de récupérer le texte soumis (et potentiellement les URL des images), cela éviterait de perdre complètement un sujet sur lequel on a passé plusieurs dizaines de minutes.
Ex : une snackbar ou une modale qui donne accès au(x) texte(s) soumis pour pouvoir le copier/coller pour créer à nouveau le sujet.

EDIT - Version confort :

• si le sujet n'existe pas : l'app pourrait proposer de créer un nouveau sujet avec les infos soumises.
• si c'est une erreur de connexion : l'app pourrait proposer de voir le contenu dans une modale, permettrait de sauvegarder pour réessayer plus tard.

Lors de l'ajout d'incrustation, certains fichiers sont rejetés du fait de leur nom.

exemple : "screenshot 2018-11-17 à 09.22.27.jpg"

Afin de préparation son émission, une page proposera de renseigner la liste des news (qui deviendra des titres), et pour chaque news une liste d'incrust

Erreur lors du chargement de la page admin.html.
Ne trouve pas le répertoire api/emissions/bits/59/incrusts/ qui n'existe pas dans le projet.

admin.html:100 GET http://localhost:8080/api/emissions/bits/59/incrusts/ 404 (Not Found)
loadIncrust @ admin.html:100
document.addEventListener.event @ admin.html:104

Actuellement, la page de présentation est figée sur l'épisode Bits n°59.
Afin de rendre ça générique, il faudrait rajouter une sélection de l'émission + épisode avant de récupérer les news

pouvoir modifier le logo de chaque émission
Interface pour envoyer et stocker 2 images par émission
En effet, on a besoin de 2 versions du logo, une en couleur, et une en blanc+transparent pour une intégration dans la vue XSplit

Quand l'émission fait une pause le compteur continue de s'incrémenter pouvons-nous avoir un bouton pour arrêter temporairement le compteur puis le reprendre par la suite.

Si on crée une nouvelle news, et qu'on y met simultanément un descriptif et une ou plusieurs image(s), alors on perd le texte qu'on a saisi

Initialement le projet a été fait le plus simple possible.
Cependant, dans le but de faire une vraie webapp, et pouvoir notamment inclure des components tiers, il serait souhaitable de migrer le front vers un 'vrai' projet vue/webpack.
voir https://github.com/vuejs/vue-cli et https://github.com/vuejs-templates/webpack

attention à intégrer ça dans le projet actuel qui contient front+back

Quand on change de topic ou d'image au sein d'un même topic, le précédent reste actif (allumé/sélectionné).

Sur l'écran de présentateur, avoir une fonction pour balancer automatiquement en titre les prochains événements à venir sur la chaîne.
L'agenda est géré dans un google calendar
Les titres doivent tourner sur les 3-prochains events à venir

Lors de la réorganisation des news par drag&drop, la renumérotation est bien faite, mais le prochain affiche (refresh) n'en tient pas compte.

Récupérer de son fork du projet https://github.com/Ylesia/TwitchToast/

Mettre le padding du titrage à 10px

Pour le moment l'ajout d'incrust ne gère que l'ajout d'une url pour télécharger l'image.
L'envoi d'une image (par exemple capture faite en locale sur la machine) serait utile

voir express-fileupload : https://github.com/richardgirges/express-fileupload

Dans la vue XSplit, utiliser le logo n°2 en haut à droite
dépend de #42

A l'affichage (vue XSplit), les incrusts prennent trop de places.
La version précédente disposait de plus de margin autour de l'image.
Le rendu visuel était beaucoup mieux

Des boutons pré-programmés avec le nom d'un chroniqueur, son Twitter et une photo de profil à afficher en début d'émission ou de chronique.

Au même titre que les incrusts, on souhaiterait pouvoir afficher des vidéos youtube en incrust
Besoin :

• pouvoir rajouter un lien youtube
• pouvoir inclure le timing du démarrage, ex: https://www.youtube.com/watch?v=GU8svXhlYxA&t=2123s
• Démarrer la vidéo en automatique quand le player s'affiche en incrust
• Arrêter la vidéo quand on enlève l'incrust

Problème :

si un utilisateur prépare ou modifie des informations pendant un stream en cours, il peut missclick et afficher le Topic/Episode qu'il prépare sans que ce soit son intention.

Solution :

si un Episode est déjà lancé et qu'une lecture est lancée sur un autre Episode, ou sur un Topic qui n'appartient pas à l'Episode en cours : afficher une fenêtre (popup/dialog) de confirmation.

Ça reste aussi un problème d'UI qui est que pour éditer un Topic, le bouton est sensiblement proche du bouton lecture. Peut-être déplacer ce bouton "edit" au sein d'un menu ?

La bonne police est font-family: 'Montserrat',sans-serif;
mais il manque les imports qui vont bien :
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:500,600,700">

Par la même occasion, on doit pouvoir supprimer Oswald qui était l'ancienne, et ne doit plus être utilisée

Lors d'une diffusion, si plusieurs présentateurs ouvrent chacun la page émission pour changer les titres et incrusts.
Les autres doivent recevoir les mises à jour pour que leur page s'actualise (quel titre / incrust est sélectionné) afin de savoir où on se situe dans l'émission.

S'abonner au event de changement de titre/incrust (comme la page xplit) et refleter le changement dans l'UI
Attention à ne pas recevoir ses propres event de changement de titre (loopback)

J'ai l'impression qu'il y a un bug sur l'affichage des incrustes.

Comment le reproduire ?
Je clique sur la 1ère incruste de la 2e News, elle s'affiche dans xsplit.html
Je clique sur la 1ère incruste de la 1ère News, ça affiche le titre de la 1ère News.

Pouvoir sécuriser l'accès au serveur web qu'aux membres de GeekInc
Page de login ?
OAuth via Google ?

le login via Google serait pratique notamment pour pouvoir le lier avec des GoogleDocs

Avoir une interface d'administration permettant de créer/modifier/supprimer les émissions.

pouvoir ajouter plusieurs titres pour les préparer et les enchaîner

En bas de la page présentateur, ajouter une barre fixe toujours visible pour pouvoir appeler et afficher sur xsplit des informations récurrentes et diverses (nom animateur, agenda, réseaux sociaux, ...).
L'animateur/réalisateur doit pouvoir les appeler à n'importe quel moment en utilisant les zones fixes de Xsplit.
Prévoir une page d'administration pour modifier ces "boutons" et leur texte/image.

Capture : http://imgur.com/a/x6x2u

image are too big to fit in the db in the long run...
store them out of db, in a dedicated directory
name them with a uuid
ref them in the news json object with this uuid

= pouvoir mettre à jour l'application depuis l'application

plusieurs pistes

• récupérer la dernière release disponible du projet github et le déployer à la place de l'existant (mais comment gérer les fichiers à supprimer? idem comment gérer les fichiers de config qui sont modifiés localement)
• git clone utiliser git pour faire le déploiement (comment gérer les fichiers de config qui sont modifiés localement, et comment gérer le build des sources si on intègre vue/webpack

Stockage des titres préparés (fichiers plats json, ou bdd légère)

A l'heure actuelle, le mode fullscreen n'est activable que pour un sujet entier, avoir le choix média par média serait bien mieux.

pouvoir réordonner les news dans un épisode
par ex via drag&drop dans la liste de l'interface de préparation

Une zone libre, non conservée, pour afficher rapidement un titre saisi en live pendant une émission

Depuis la page 'presentateur', un animateur peut changer de caméra
cf http://xjsframework.github.io/quickstart.html

Je fais un sujet à plusieurs phases, j'ai des médias pour chaque phase, j'aimerais pouvoir nommer mes médias en fonction des phases.
Exemple réel tiré du sujet que je suis en train de créer : "Livre1980-Couverture" / "Film1987-Affiche" / "Film1987-Gif" / "SérieNetflix-Affiche" / "SérieNetflix-Persos" / "SérieNetflix-Gif" / ...
Comme ça, je n'ai pas de doute sur le média que je veux afficher (si deux thumbnails se ressemblent) et je peux même déléguer le pilotage des médias à un collègue en le briefant ! ;)

renommer les ressources (routes, et model) en anglais
idem pour les variables dans le code

la page de modification des news renvoit dans le put la news avec des valeurs erronées dans la property 'incrusts' et l'update est rejeté.
Cette property est modifiée pour l'affichage dans la page...

l'animateur souhaite lancer les génériques de l'émission depuis la page 'presentateur'

attention, chaque émission a ses propres génériques

Les notes prises dans la news ne sont pas affichées avec la mise en forme.
Il faudrait à minima conserver et afficher les retours à la ligne.

Si on met un texte très long sur une seule ligne, l'affichage des notes dépasse trop à droite.
Il faudrait un retour à la ligne automatique si la ligne dépasse, mais tout en conservant la mise en forme faite manuellement (les retours à la ligne forcé)

Possibilité de gérer une liste d'incrust dynamique par news

si on ajoute une image à une news existante, la page de l'épisode ne se met pas à jour et n'affiche pas l'image récemment ajoutée. Si on force le refresh (via F5), l'image devient visible.