abarriel/hypertube

:pizza: Streaming App like PopCornTime with torrent. Implemented with ts, express, my lib for routing, doc swagger.io, knex

Table des matières

• Introduction
• Preview
• Consignes générales
• Partie utilisateur
• Partie bibliothèque
  • Recherche
  • Miniatures
• Partie vidéo
• Partie bonus

Introduction

Ce projet vous propose de créer une application web permettant à un utilisateur de rechercher et visionner des vidéos.

Le lecteur sera directement intégré au site, et les vidéos seront téléchargées au travers du protocole BitTorrent.

Le moteur de recherche interrogera plusieurs sources externes de votre choix, comme par exemple http://www.legittorrents.info, ou encore https://archive.org.

Une fois un élément sélectionné, il sera téléchargé sur le serveur et diffusé sur le player web en même temps. Autrement dit, le lecteur ne se contentera pas d’afficher la vidéo une fois le téléchargement complété, mais sera capable de streamer directement le flux.

Preview

Consignes générales

Tous les framework, micro-framework, librairies etc... sont autorisés dans la limite où ils ne servent pas à créer un flux vidéo à partir d’un torrent.

⚠️ Par exemple, des librairies commewebtorrent, pulsar ou peerflix sont interdites.

📱 Votre site devra être présentable sur mobile, et garder une mise en page acceptable sur de petites résolutions.

Partie utilisateur

• L’application doit permettre à un utilisateur de s’inscrire avec:

  • adresse email
  • login
  • photo de profil
  • nom
  • prénom
  • mot de passe

• ⚠️ L’utilisateur doit pouvoir s’inscrire et se connecter via Omniauth.

  • Deux stratégie obligatoire, 42 et une autre au choix.

• L’utilisateur doit être capable de se connecter avec:

  • login
  • mot de passe

• Il doit également pouvoir recevoir un mail de réinitialisation de son mot de passe en cas d’oubli.

• L’utilisateur doit pouvoir se déconnecter en un seul clic depuis n’importe quelle page du site.

• ⚠️ L’utilisateur doit pouvoir sélectionner une langue préférée par défaut l’anglais.

• L’utilisateur doit pouvoir Modifier son adresse email, sa photo de profil et ses informations.

• Consulter le profil d’un autre utilisateur. C’est à dire afficher sa photo de profil, ses informations. L’ email, en revanche, doit rester privé.

Partie bibliothèque

⚠️ Cette partie ne doit être accessible qu’aux utilisateurs connectés.

ℹ️ Cette partie doit présenter au minimum :

• Un champ de recherche.
• Une liste de miniatures.

Recherche

Le moteur de recherche devra interroger au moins deux sources externes de votre choix, et retourner l’ensemble des résultats sous la forme de miniatures. Vous devez limiter les résultats aux vidéos uniquement.

Miniatures

• Si une recherche a été faite, les résultats doivent s’afficher sous la forme d’une liste de miniatures, triées par nom.

• Si aucune recherche n’a été faite, vous devrez afficher les médias les plus populaires de vos sources externes, triés selon le critère de votre choix (téléchargements, peers, seeders, etc...).

• ℹ️ Une miniature doit être composée de:

  • nom de la vidéo
  • année de production
  • note
  • image de couverture

⚠️ Vous devrez différencier les vidéos vues des vidéos non-vues, de la manière de votre choix.

⚠️ La liste devra être paginée, à chaque fin de page, la suivante doit être automatique- ment chargée de manière asynchrone. Autrement dit, il ne doit pas y avoir de lien pour chaque page.

ℹ️ La liste devra être triable et filtrable selon des critères tels que le nom, le genre, un intervalle de note, un intervalle d’année de production, etc...

Partie vidéo

⚠️ Cette partie ne doit être accessible qu’aux utilisateurs connectés.

Cette section devra présenter le détail d’une vidéo, c’est à dire:

• afficher le player de la vidéo.
• ℹ️ si disponible
  • le résumé
  • le casting (au moins producteur, réalisateur, acteurs principaux, etc...)
  • l’année de production
  • la durée
  • la note
  • une image de couverture et tout ce qui vous semblerait pertinent.

⚠️ Vous devez également donner aux utilisateurs la possibilité de laisser un commentaire sur la vidéo, et afficher la liste des commentaires précédents.

ℹ️ Lancer la vidéo sur le navigateur doit - si le fichier n’a pas déjà été téléchargé précé- demment - lancer le téléchargement du torrent associé sur le serveur, et streamer le flux vidéo depuis ce dernier dès que suffisament de données sont téléchargées pour assurer la lecture intégrale de la vidéo sans interruption. Bien évidemment, tout le traitement doit être fait en arrière plan de manière non-bloquante.

ℹ️ Une fois un film téléchargé intégralement, il doit être sauvegardé sur le serveur, de manière à ne pas re-télécharger un film plusieurs fois. :warning: Si un film n’est pas visionné pendant un mois, il devra être supprimé.

⚠️ Si des sous-titres anglais sont disponibles pour cette vidéo, ils devront être téléchargés et sélectionnables sur le player vidéo. De même, si la langue de la vidéo ne correspond pas à la langue préférée de l’utilisateur, et que des sous-titres sont disponibles pour cette langue, ils devront également être téléchargés et sélectionnables.

Si la vidéo n’est pas nativement lisible pour le navigateur(c-ad que ce n’est ni dump4, ni du webm). vous devrez la convertir à la volée dans un format acceptable. Le support du format mkv est un minimum.

Partie bonus

• Ajouter des stratégies Omniauth supplémentaires.
• Gérer différentes résolutions de vidéo.
• Développer une API RESTful.
• Streamer la vidéo via l’API MediaStream.

hypertube's Issues

TODO

[REDUX] Action LOAD_GENRES is triggered on the register page

@Lcharvol
L'action doit pas etre declencher dans des pages qui ne requiert pas d'auth.

[SQL]Mettre la column email dans la table users en clé unique

Quand un utilisateur change ses infos de profil, il peut mettre un email appartenant à un utilisateur omniauth

Register Field Error problem

Erreur sur la page register: Quand on rempli un premiere fois le formulaire avec des champs vide et puis que l'on click sur sign up, on ne pourra plus valider le formulaire car l'erreur 'Veuillez remplir tout les champs' persiste.

Je pense qu'il faut reset les errors sur le sign up puis re-checker tout les champs.

[UPDATE] Pouvoir modifier les informations basique d'un compte OMNIAUTH

Ouvrir le droit de modifier des informations basique ( sauf login, password ) au compte OMNIAUTH.
Necessaire?

[API] Delete movie after one month

supprime le dossier upload/{imdbID} quand le film a ete visionné il y a un moi.

Uncaught Auth error

Une erreur dans auth.js n'est pas catch et un console warn apparait dans la console.

Récupération des données user

Si on refresh la page d'édition du profil, les informations ne sont pas complétées

[SQL] Ajouter des foreign keys pour la table comments

Les champs, user_id, user_profile, user_name sont en brut dans la table comments.
C-a-d, le jour ou j'update ma user_profile, les commentaires afficheront les old infos.

Can be done:

• Garder les champs dans la table comments et ajouter des foreign key.

Hint:
Pour drop la table comments:

Hypertube/src/server/database/index.ts

Line 7 in ff31c5d

// await deleteCommentsTable();

La defintion de comments

Hypertube/src/server/database/migrations/comments.ts

Line 6 in ff31c5d

DB.schema.createTableIfNotExists('comments', (table: Knex.CreateTableBuilder) => {

Le controller qui ajouter un commentaire:

Hypertube/src/server/api/service/comments.ts

Line 24 in ff31c5d

await Comments.post({ ...comment, username, userId, profilePicture });

Utiliser Postman requete=> 'COMMENTS ADD' => 'USER edit' => 'COMMENT GET'. Pour tester rapidement

Torrent Trackers

http://www.theimdbapi.org/
https://www.themoviedb.org/documentation/api
img : https://image.tmdb.org
https://yts.ag/api/v2
https://eztv.ag/api

node-movie
addic7ed-api
google-translate-api
imdb-api

How to rp ?

Désolé, je suis tombé par le plus grand des hasard sur votre projet il a l'air super cool, c'est juste que vous ne dites pas quel est la marche à suivre pour le host afin qu'on puisse le tester c'est possible d'avoir un p'tit tuto de ce côté là ?
Merci

Have a great day

[APP] history is undefined and throw error

Failed prop type: The prop `history` is marked as required in `MoviePreview`, but its value is `undefined`.

Error pop at every load, when the user has no history.

Profil picture problem

Quand on créer un nouveau profil par register, l'upload de l'image de profil nee fonctionne pas réellement et l'image par default est utilisée.

[CLIENT] Add modify profilPicure action

Sur la page profil, il faut cabler l'edit profilPicture sur le clic de la photo (un hover avec un stylo qui apparait sur l'image est deja en place).