camel design logo transparent

Twitch intégrer son live sur son site internet

Partager sur facebook
Facebook
Partager sur twitter
Twitter
Partager sur linkedin
LinkedIn
Partager sur reddit
Reddit
Partager sur whatsapp
WhatsApp
Partager sur email
Email

Pour pouvoir intégrer votre live Twitch sur votre site internet et ainsi présenter le contenu de votre stream à vos viewers 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,
    • 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)

Partager sur facebook
Facebook
Partager sur twitter
Twitter
Partager sur linkedin
LinkedIn
Partager sur reddit
Reddit
Partager sur whatsapp
WhatsApp
Partager sur email
Email

Besoin d'explication, d'aide ou de support sur un article ?

Virement bancaire

BANQUE : N26 Bank GmbH, Klosterstr. 62, 10179 Berlin Germany
BÉNÉFICIAIRE : Mr GOVIN Mathieu
IBAN : DE23 1001 1001 2624 7230 79
BIC : NTSBDEB1XXX

camel design logo transparent

Nous utilisons des cookies pour améliorer votre expérience sur notre site. En utilisant notre site, vous acceptez les cookies. En savoir plus

Partager sur facebook
Partager sur twitter
Partager sur linkedin
Partager sur reddit
Partager sur email