Bonjour,

Bonjour a tous voila je rencontre un petit problème avec mon code mon extentsion roncontre un probléme.

Ce que j'ai fais en code sur plusieur fichier dans un dossier

Biensure dans le lien de GET je n'est pas mis mon vrais pseudo et ma vrais ID

fichier app.js

var xhr = new XMLHttpRequest()
xhr.open("GET", "https://api.twitch.tv/helix/streams/moi?client_id=kjfgkfkgopr654pelerrrg", true)
xhr.onreadystatechange = function() {
if(xhr.readyState == 4) {
var data = JSON.parse(xhr.responseText)
if(data["stream"] === null){ 
$("#info").html("Le stream est actif")
}else{ 
$("#info").html("Le stream n'est pas actif")
$("#click").click(function(){
chrome.tabs.create({url :'https://www.twitch.tv/darkbestplayer'})
})
}
}
}
xhr.send()

Fichier bakground.js

setInterval(function(){
checkStream();
}, 5000);
function checkStream() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.twitch.tv/helix/streams/moi?client_id=kjfgkfkgopr654pelerrrg", true)
xhr.onreadystatechange = function() {
if(xhr.readyState == 4) {
var data = JSON.parse(xhr.responseText)
if(data["stream"] == null){
$("#info").html("Le stream n'est pas actif")
chrome.browserAction.setIcon({path: "img/icon_red.png"}) 
}else{
$("#info").html("Le stream est actif")
chrome.browserAction.setIcon({path: "img/icon_green.png"})
}
}
}
xhr.send()
}

fichier manifest.json

{
"manifest_version": 2, 
"name": "Extension Twitch Dark Best", 
"version": "1.13",
"description": "Vous informe si il y a un live de Dark Best", 
"browser_action": {   
"default_popup": "index.html" 
},
"icons": { 
"120" : "img/icon_green.png" 
},
"background": { 
"scripts": ["jquery.js", "background.js"]
}
}

fichier index.html

<style>
 p,h1{
text-align: center;
}
</style>
<h1>Extension Twitch Dark Best</h1>
<p id="info">Pour savoir si Dark Best et en live sur Twitch</p> 
<button id="click">Twitch de Dark Best</button>
<script src="jquery.js"></script>
<script src="app.js"></script>

Et le fichier jquery.js je mes pas le code il et trop long

Et j'ai fait un dossier img pour les 2 image a l'interriere

Ce que je veux

En gros dest que je stream sur twitch mon extension doit me le signalé en changeant de couleur

Ce que j'obtiens

J'obtiens cette erreur dans la console de l'extention sous chrome.

Failed to load resource: the server responded with a status of 404 ()
2background.js:19 GET https://api.twitch.tv/helix/streams/moi?client_id=kjfgkfkgopr654pelerrrg 404

Merci a tous se qui m'aiderons
@Cordialement.

3 réponses


Dois je reprendre tous mon codes et le refaire , si une personne peut méguiller

premierement oui faut utiliser l'api de twitch helix mais dans ton code ton code app.js tu as mis "if(data["stream"] === null)" alors que c'est "if(data["stream"] == null)"

Merci de ton retoure , j'ai fait la modification , cela na rien changé merci quand même