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)
