Intégrer son live twitch sur son site internet

[Camel Design]

Pour pouvoir intégrer votre live Twitch sur votre site internet et ainsi présenter le contenu de votre stream à vos followers sur votre communauté, copier coller le code ci-dessous :

 

<div id="twitch-embed"></div>
    <script src="https://embed.twitch.tv/embed/v1.js"></script>
    <script type="text/javascript">
      new Twitch.Embed("twitch-embed", {
        width: "100%",
        height: 600,
        channel: "ID de la chaine",
        theme: "dark",
      });
    </script>

 

Paramètres du code d’intégration twitch :

 

- Channel : renseigné l’ID de votre chaîne twitch, l’id est la fin de l’url de votre chaîne, exemple avec ma chaîne :  https://www.twitch.tv/cameldesigntv/ , l’id est donc : "cameldesigntv".

- Theme : couleur du theme => « dark » ou « light »

- width : la largeur de l’embed et peut être exprimée en

- pixel : width: 1200 (en pixel) ou en pourcentage : width : « 100% »,

- height : la hauteur de l’embed en pixel

 

Le code est responsive et a une certaine taille pour les mobiles, le chat passe en dessous du lecteur vidéo (voir capture ci-dessous)