R311

Pour ce projet en groupe, nous devions réaliser un dashboard pour gérer notre chaine twitch via un site web.

Pour cela, j'ai réaliser en javascript une connexion au logiciel OBS via un websocket pour pouvoir récupérer les informations et à l'API de Twitch pour pouvoir récupérer les informations de la chaine.

J'ai aussi réaliser un chat aussi en javascript qui se connecte à l'API de Twitch pour pouvoir récupérer les messages du chat.

Ce projet m'a permis de découvrir le fonctionnement des API et des websockets.

Code permettant de se connecter à l'API de Twitch et au websocket d'OBS avec des identifiants stocké dans un fichier .env

import { ApiClient } from "twitch";
import { ClientCredentialsAuthProvider } from "twitch";
import OBSWebSocket from 'obs-websocket-js';



console.log(ChatClient)
import dotenv from 'dotenv';
dotenv.config();

var clientID = process.env.TWITCH_CLIENTID;
var clientSecrets = process.env.TWITCH_SECRET;
var username = process.env.TWITCH_USERNAME;
var userIdi = process.env.TWITCH_USERID;

const clientId = clientID;
const clientSecret = clientSecrets;
const authProvider = new ClientCredentialsAuthProvider(clientId, clientSecret);
const apiClient = new ApiClient({ authProvider });
const obs = new OBSWebSocket();

import { ChatClient } from '@twurple/chat';
import { StaticAuthProvider } from '@twurple/auth';

const authProvider2 = new StaticAuthProvider(clientId, clientSecret);

const chatClient = new ChatClient({ authProvider2, channels: ['korabinks'] });
chatClient.connect();


const userIDs = userIdi;
var viewers = document.getElementById("viewers");

const profilePictureElement = document.getElementById("profilePicture");
const displayNameElement = document.getElementById("displayName");