Тёмный

Tutoriel NodeJS/JavaScript : Serveur de streaming vidéo avec NodeJS 

Grafikart.fr
Подписаться 298 тыс.
Просмотров 33 тыс.
50% 1

Article ► grafikart.fr/tutoriels/stream...
Abonnez-vous ► bit.ly/GrafikartSubscribe
Dans ce tutoriel je vous propos de découvrir comment créer un serveur de streaming vidéo avec un accès limité via NodeJS et la librairie [KoaJS](koajs.com/)
Soutenez Grafikart:
Devenez premium ► grafikart.fr/premium
Donnez via Utip ► utip.io/grafikart
Retrouvez Grafikart sur:
Le site ► grafikart.fr
Twitter ► / grafikart_fr
Discord ► grafikart.fr/tchat

Наука

Опубликовано:

 

4 ноя 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 92   
@hegelmotokoua
@hegelmotokoua 3 года назад
On ne t'oubliera jamais Grafikart, continue !
@ninam7749
@ninam7749 2 года назад
Haha
@DjCtavia
@DjCtavia 3 года назад
Alors là, vraiment surpris de voir cette vidéo ! C'est quelque chose qui m'intéressait par curiosité depuis un moment, et tu assouvis ce besoin ! Super contenu comme d'habitude !
@lodwagler8561
@lodwagler8561 3 года назад
Salut et merci encore et toujours pour ton travail, toujours appréciable ! Tu code bien et respecte de nombreuse bonne pratique que tu ne manque pas de mettre en avant ! Cette vidéo est très instructive, cependant, je regrette que tu ne soit pas plus attardé sur la gestion des erreurs. Je sais que c'est un détaille (qui plus ai peut paraitre HS), mais qui compte bcp dans le sens ou cela fait comprendre au débutant l'importance de cette étape, et surtout leur apprend à assimilé ce concept dès la conception de leur code (plutôt que d'y remettre à plus tard). ..Puis en plus ont aurait vu quel erreur catch lorsque le client ferme le stream en cours de lecture ! :P
@Gepeto213
@Gepeto213 3 года назад
Une petite mine d'or cette vidéo... Bravo et merci pour ce beau tuto !
@gorvelytasinda4727
@gorvelytasinda4727 3 года назад
Excellent Tuto, merci Jonathan
@pierrefrotier
@pierrefrotier 3 года назад
12:48 depuis Node 11 (voir 10 ?), les fonctions de fs ont des versions fonctionnant avec des promesses, dans 'fs/promises' : import * as fs from 'fs/promises' const s = await fs.stat('video.mp4')
@grafikart
@grafikart 3 года назад
Oh merci je ne savais pas.
@cpasneedles
@cpasneedles 2 года назад
on peut aussi utiliser statSync et donc pas besoin de fonction asynchrone
@molopolor7796
@molopolor7796 3 года назад
bravo toujours au top
@mouhcine4831
@mouhcine4831 3 года назад
Merci pour cette vidéo
@martindeclert9542
@martindeclert9542 3 года назад
super video comme d'hab j'avais justement comme projet de faire une app de streaming (mais audio) je pense que cette video va bien m'aider 💪
@albertstevenyobe7770
@albertstevenyobe7770 3 года назад
🤔 moi aussi je travaille sur ce genre de plateforme On pourrait échanger côté technique qu'est ce que tu en dis
@martindeclert9542
@martindeclert9542 3 года назад
@@albertstevenyobe7770 grave cool de ta part ! le probleme c'est qu'en ce moment je suis assez pris par mes etudes et mon alternances, donc le projet est en standby pour l'instant et je sais pas trop quand je vais pouvoir me remettre dessus :/
@joelthierry
@joelthierry 3 года назад
Good tuto. Thks
@alexandrerangom3510
@alexandrerangom3510 3 года назад
Une vidéo sur le steaming de vidéo en live serait aussi super !!! Mais déjà un grand merci pour cette vidéo sur le streaming basique complète et bourrée d'informations utiles !!!
@redstone0234
@redstone0234 Год назад
Pour fair du streaming en live il faut utiliser le format HLS ou Dash mais Obs supporte uniquement le protocole RMTP donc il faut un server qui convertit le flux RMTP en vidéos courtes
@lucas13430
@lucas13430 3 года назад
Salut, Ca serait très intéressant une vidéo sur l'utilisation de DRM. Bonne vidéo
@LeTrolli
@LeTrolli 3 года назад
Les DRM sont à bannir de toute la planète, quelle saloperie cette m**** sans nom
@BenjaminFavre29
@BenjaminFavre29 3 года назад
non
@lucas13430
@lucas13430 3 года назад
@@LeTrolli ça empêche pas que ça serait intéressant de savoir comment l’implémenter pour de la vidéo 😉
@zappellin2398
@zappellin2398 3 года назад
Pour les drm tu peux voir du côté de google widewine qui est le drm utilisé par Netflix.
@wontcreep
@wontcreep 2 года назад
@@LeTrolli bah quoi, t'aimes pas quand on t'empeche d'obtenir ce qui rentre sur ton PC pour y avoir acces sans internet? je comprend pas, pense un peu aux pauvres uploaders et leur compte en banque
@brucerobertson8928
@brucerobertson8928 3 года назад
Merci bcp
@flo70985
@flo70985 3 года назад
Merci
@aghileslounis
@aghileslounis 3 года назад
excellente video comme d'hab, tu utilise quel editeur de texte ? et quel OS?
@noixdel
@noixdel 3 года назад
Il utilise IntelliJ IDEA
@jimmytrinh5247
@jimmytrinh5247 3 года назад
Yo Grafikart vidéo très intéressante , est ce que tu à déjà entendu parler du framework node/typescript Ts.ed c'est super cool et je pense que ça pourrait t'intéresser ;)
@grafikart
@grafikart 3 года назад
Je connais pas du tout.
@donaldassie3944
@donaldassie3944 3 года назад
Bonjour mr j'aimerai savoir si vous disponible des livres en js pouvant permettre de lire sans tout fois avoir besoin de ce connecté
@gedTech16
@gedTech16 3 года назад
cool
@KerByGaming971
@KerByGaming971 3 года назад
Sa serait cool une video sur les expressions régulière avec php ou JavaScript
@grafikart
@grafikart 3 года назад
Il y a déjà une vidéo expression régulière (c'est un concept général pas spécifique à un langage)
@rastacodbandkoolandthecat4174
@rastacodbandkoolandthecat4174 3 года назад
vas voir sur le site de Pierre Giraud ,dans la partie Javascript ,il y a une section sur les REG trés complete
@aomo5293
@aomo5293 3 года назад
Merci à vous, s'il vous plais, comment faites vous pour trouver ces trucs ?
@atba3mohamed440
@atba3mohamed440 3 года назад
Bonjour encore merci pour ces vidéos qui sont toujours excellentes, je code depuis un an et je viens de valider un diplôme de développeur web chez OC mais quand je vois tes vidéos je me rends compte qu’il y a encore tellement à apprendre, j’aimerais vraiment être ton élève et que tu soit mon mentor, tu ne forme jamais des développeur individuellement ?
@thibaultberthelin2303
@thibaultberthelin2303 3 года назад
Les formations de dev web d'OC sont pas assez complète je trouve, ou alors faut le faire en alternance
@atba3mohamed440
@atba3mohamed440 3 года назад
@@thibaultberthelin2303 oui c'est vrai même si j'ai beaucoup appris lors de ma formation je trouve les formation d'OC ne sont pas assez complète complètement d'accord avec toi
@lodwagler8561
@lodwagler8561 3 года назад
@@thibaultberthelin2303 J'ai fais 3~4ans d'université en partant avec des bases et en bossant à fond, c'est déjà pas suffisant, alors 1ans ... Après j'ai quand même commencer avec leur tuto (Site du Zero il y a 10ans). Ils sont bien, et de toute manière, le plus formateur, c'est l'expérience et la curiosité.
@thibaultberthelin2303
@thibaultberthelin2303 3 года назад
@@lodwagler8561 meme pas, la formation d’OC dure 6 mois a temps plein maximum
@lodwagler8561
@lodwagler8561 3 года назад
@@thibaultberthelin2303 Après comme j'ai dit, tu peut très bien t'en sortir en auto didacte, le plus important c'est de faire ! (Même si le diplôme compte sur ta grille salaire dans certaine boîte, notamment les SSII) Moi j'ai connu dans mon ancienne boîte un jeune (19ans) qui s'était fait recruté sans aucun diplôme (même pas le brevet des collège) full auto-didacte, il avait passait c'est années lycée chez lui à codé en Node.js, et ma boîte la fait rentré chez Orange (service authent je crois), très bon le petit, d'après ce que ma confié son manager Orange.
@gouaks
@gouaks 3 года назад
Hello, si cela intéresse, Nginx fait server de stream nativement depuis des années
@Leyriel
@Leyriel 3 года назад
Recommanderais tu nodejs pour du live streaming vidéo? Comme pour une plate-forme comme twitch par exemple. Si oui comment s'y prendre ? 🙂
@lodwagler8561
@lodwagler8561 3 года назад
Salut, Node.js est une très bonne technologie, après tout dépend de ce que tu veut faire, l'environnement (BDD, cloud, l'auth, etc.) mais aussi des compétences de ton équipe. Comment s'y prendre ? Bas déjà commencé par de la R&D, cherché plusieurs briques essentielles, des exemple sur Github ou ailleurs, faire un MVP (là ce tuto c'est déjà un brique d'un MVP par exemple, que tu peut refaire). Mais dans tout les cas, si tu est tout seul, pire débutant, jpense que tu ferait mieux de chercher des solutions toute faite, ça doit exister. Si tu souhaite vraiment développer ça, cela te demandera pas mal de compétence, pas que en progra, mais aussi peut être en RSO et autres. (surtout si tu veut ajouter du websocket pour un tchat, exemple, car en local c'est toujours plus simple qu'en prod). Et surtout cela te demandera beaucoup de temps ! On minimise trop souvent le tps passé à faire quelque chose qui parfois nous parait plus simple (ce qui pour le coup ne l'est pas ici, car pas mal de point n'on pas étaient traité pour un environnement prod, ex: gestion des erreurs, serveur d'authent etc.).
@zerefdev
@zerefdev 3 года назад
Salut Jonathan, Avez vous une/des solution(s) pour le problem de single threading? par exemple les loops qui bloquent les autres requêtes...etc
@grafikart
@grafikart 3 года назад
Utiliser golang ou autre chose ^^
@Jordan-ie5nd
@Jordan-ie5nd 3 года назад
Il y a les Worker Threads avec Node.js éventuellement
@romaindereux7081
@romaindereux7081 3 года назад
Parfait merci, Tout marche nickel sur Chrome mais pas sur ma version de firefox: La vidéo est téléchargé en entier. Et d'ailleurs je ne vois pas l'en-tête Content-Range
@user-vb4tv2eo7q
@user-vb4tv2eo7q 13 дней назад
Mettre le token dans l'url est sécurisé sous HTTPS?
@La2ry
@La2ry 2 года назад
Salut à tous, j'ais appliqué la vidéo et sa marche sur pc, mais pas sur mobiles ?
@elmarzougui
@elmarzougui 3 года назад
Tu peux nous faire un tuto de comment faire un système de direct streaming exemple : Zoom ....
@oncelearner
@oncelearner 3 года назад
cherche WEB RTC
@wakanimeashita2887
@wakanimeashita2887 2 года назад
c'est possible pour des videos live?
@soufianta8374
@soufianta8374 3 года назад
Bonsoir. Est-il judicieux de commencer à apprendre le dev web par Ruby on Rails (incluant HTML css et js) ou est-ce une perte de temps ?? Merci ..
@lodwagler8561
@lodwagler8561 3 года назад
Tout langage est formateur, je n'ai jamais pratiqué celui ci, mais je sait qu'ont y retrouve de très bon concept. Les concepts programmatiques ce retrouve souvent entre différent langage. Après si ta question est: est- ce que ce langage est populaire et toujours demander en entreprise, je pense qu'en l'occurrence il n'est pas le plus populaire et baisse de plus en plus.
@soufianta8374
@soufianta8374 3 года назад
@@lodwagler8561 Je pense que passé par un langage plus « facile » de lecture serait effectivement un pas vers la compréhension des plus complexes. Surtout qu’il est plus abordable de créer des applications avec le framework « Ruby on rails ». Même si celui-ci cache beaucoup de complexité, c’est un bon début pour appréhender le reste non??
@lodwagler8561
@lodwagler8561 3 года назад
@@soufianta8374 Oui après tout dépend de ce que l'ont appel plus facile, si l'ont oppose des langage comme C# / Java qui font rentré des concept POO asses évoluer, de typage fort, etc. A des langage plus haut niveau (proche humain) comme le php / python ou Ruby, alors oui effectivement c'est pertinent. Mais après je pense pas qu'il ai de vrais delta de difficulté entre ceux ci. Je me rappel il y a quelques années avoir discuté avec un de mes ancien prof d'université qui m'avait dit avoir choisi d'enseigner le python plutôt que le php.. Je pense que c'est juste qu'une question d'impression, pas de réel gain à mon avis.
@Petipadawone
@Petipadawone 3 года назад
bonjour j'ai un projet de création d'une plateforme qui ferait entre autre du streaming, je pensait développer ce projet avec le framework symfony. Serait-ce une bonne solution de faire cohabiter nodeJS pour streamer le contenu, ou serait-il préférable de faire cela directement avec symfony ?
@grafikart
@grafikart 3 года назад
Tu peux utiliser nginx pour streamer dans ce cas et utiliser symfony pour la partie autorisation docs.nginx.com/nginx/admin-guide/security-controls/configuring-subrequest-authentication/
@codesysteme4059
@codesysteme4059 3 года назад
@@grafikart Bonjour j'aimerais savoir si ce serait possible de convertir les video mp4 en m3u8 une fois uploader avec symfony, pour ensuite streamer en hls avec ngninx ??
@incognito-ik9rh
@incognito-ik9rh 3 года назад
salut tu pourras faire une vidéo sur comment faire pour créer un système d'upload de fichier utilisateur qui vont directement dans une galerie comme quand on upload une vidéo youtube ou un service sur fiverr par exemple car c'est introuvable sur le web merci d'avance.
@incognito-ik9rh
@incognito-ik9rh 3 года назад
@badShark62 oui le upload je sais le faire mais pour que l'utilisateur l'envoie dans une galerie je n'y arrive pas, un système comme youtube par exemple quand un utilisateur upload une vidéo elle finis directement dans la galerie de vidéos mais je n'arrive pas à le faire.
@lmz-dev
@lmz-dev 3 года назад
@@incognito-ik9rh Je doute que ce soit un simple upload ? C'est du big upload par paquets, et c’est assez simple à mettre en oeuvre avec en récupérant le contenu d'un input file via FileReader › readAsDataURL par exemple. Tu crées un fichier temporaire que tu remplis par paquet de 1 à 2 Mo à chaque envoi de requête xhr (ajax), et à la fin tu renommes/déplace ton fichier temp dans le répertoire qui correspond à une galerie. Ça te permet aussi d'avoir une barre de progression cohérente puisque tu connais le volume du fichier au départ et que tu sais le nombre de paquets que tu vas envoyé ...
@incognito-ik9rh
@incognito-ik9rh 3 года назад
@@lmz-dev je comprends le principe mais je vois pas comment je peux le mettre en œuvre même avec tes explications faudrait vraiment que @grafikart.fr fasse une vidéo dessus car c'est essentiel pour mon projet.
@lmz-dev
@lmz-dev 3 года назад
@badShark62 Je n'ai peut-être pas bien compris non plus ? ;p
@incognito-ik9rh
@incognito-ik9rh 3 года назад
@badShark62 non je souhaite savoir : comment un utilisateur de mon site peut upload un fichier et le placer dans une galerie( comme quand tu met une vidéo sur youtube par exemple) galerie= toute les vidéos youtube par exemples.
@gamatek666
@gamatek666 Год назад
Sinon on peut utiliser Express au lieu de Koa
@alainbo261
@alainbo261 3 года назад
Ce qui vraiment déprimant avec nodejs c'est que près de la moitié des librairies sont en version alpha, et le reste en version beta. Les quelques unes qui sont passées en 1.0 ne sont généralement plus maintenues. Du coup, si vous avez des applications certifiées à développer, passez votre chemin.
@grafikart
@grafikart 3 года назад
Quel langage aurais-tu utilisé pour ce système ?
@honeish4662
@honeish4662 3 года назад
On a du lui poser la question 1000x mais quel est cette magnifique IDE ?
@noixdel
@noixdel 3 года назад
IntelliJ IDEA
@mounirsenaoui9472
@mounirsenaoui9472 Месяц назад
Merci !
@joantsyn7578
@joantsyn7578 2 года назад
c'est aussi simple que ça!! eh beb! lol
@adamkenton2585
@adamkenton2585 3 года назад
Parfait je vais coder mon site de c**
@kuzidi8952
@kuzidi8952 3 года назад
C'est quoi ton IDE @Grafikart.fr
@cecece775
@cecece775 3 года назад
Vidéo assez intéréssante mais franchement Node JS est clairement dépassé
@grafikart
@grafikart 3 года назад
Quel serait ta recommandation ?
@cecece775
@cecece775 3 года назад
@@grafikart concrètement je pense sérieusement à de nouveaux Framework comme Rocket en Rust ou Un des framework en Golang, et surtout, le langage qui renaît de ses cendre, SpringBoot en Java
@angladephil
@angladephil 3 года назад
J'ai entendu parler de Deno .... mais je ne suis pas assez connaisseur pour avoir un vrai avis ...
@cecece775
@cecece775 3 года назад
@@angladephil Deno c'est la BIG maj de Node enft
@angladephil
@angladephil 3 года назад
@@cecece775 ok, comme dit, je ne suis pas spécialiste ...
Далее
J'ai créé mon propre Netflix !
6:44
Просмотров 328 тыс.
I Built a SECRET McDonald’s In My Room!
36:00
Просмотров 18 млн
skibidi toilet multiverse 039 (part 1)
05:29
Просмотров 6 млн
How To Code A Video Streaming Server in NodeJS
10:51
Просмотров 154 тыс.
Tutoriel JavaScript : Les composants web
32:57
Просмотров 26 тыс.
Next.js App Router: Routing, Data Fetching, Caching
14:32
Tutoriel React : Présentation de React hook form
31:38
Découverte de NextJS
33:42
Просмотров 69 тыс.
Découverte de Directus, un CMS Headless NodeJS
40:15
Apprendre le JavaScript : Découverte de fastify
1:03:02
Игровой Комп с Авито за 4500р
1:00