Bonjour,

Je souhaite créer une page HTML pouvant accueillir 4 flux vidéos en simultanés. 

Les flux vidéos sont des diffusions en direct envoyés sur un serveur dédié. Aujourd'hui chaque flux possède sa propre page HTML . Ils sont lus avec le lecteur video.js (https://videojs.com/ - flux en .m3u8)

L'idée serait de créer une page html pouvant permettre de sélectionner le ou les flux désirés (soit 1 flux, soit 2 flux, soit 3 flux soit les 4 flux en même temps). 

La dimension du ou des lecteurs serait alors adaptés automatiquement en fonction du nombre de flux sélectionné et de la surface de la page.

Auriez vous une piste pour créer ce type de page HTML ?

Merci !

Bonjour,

Es ce que ceci pourrai t'aider à y voir plus claire ? : http://multitwitch.tv/OgamingLoL/MANvsGAME/Richard_Hammer

Si oui, il ne te reste plus qu'à inspecter le code source et t'en inspirer pour construire ta page.

Le mieux étant que tu nous montres quelque chose que tu as déjà fait afin que l'on puisse t'aiguiller plus facilement.

-
Edité par Lord Morpheus 16 janvier 2019 à 10:04:13

C'est en effet exactement ce que je recherche à faire.

La seule différence serait de réaliser cette page avec 4 flux vidéos "personnels". C'est à dire ne venant pas d'une grande plateforme public comme twitch ou youtube.

Aujourd'hui mes 4 flux possèdent leur propre page (extrêmement simple) comme celle-ci : http://bkc.ovh/stream/fabb.html

J’aimerais pouvoir regrouper ces 4 flux sur une seule page avec le même principe que le lien que tu as fournis ci-dessus.

multitwitch.tv n'est pas lié qu'à Twitch, il permet d'afficher des flux venant exclusivement de Twitch, certe, mais la technologie utilisé n'es en rien spécifique à Twitch. Dans l'absolu, il pourrai très bien permettre d'ajouter n'importe quel flux vidéo (youtube, dailymotion etc...)

Voici un exemple : https://jsfiddle.net/abqz7x16/

Il ne te reste plus qu'a positionner tes iframes comme tu le souhaites.

Mais j'ai bien sur une page 4 flux venant d'ailleurs.