Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <h1>Liste des plugins WAM sur le serveur webaudiomodules.com</h1>
  <div id="listeWams">
  </div>
</body>
</html>
 
const URL_SERVER = "https://www.webaudiomodules.com/community/plugins.json";
const BASE_URL_SERVER = "https://www.webaudiomodules.com/community";
let divPlugins;
window.onload = init;
async function init() {
  // appelée quand la page est affichée: quand le DOM est prêt
  console.log("DOM ready, requesting list of plugins")
  const reponseJSON = await fetch(URL_SERVER);
  const listeWams = await reponseJSON.json();
  
  // handle to the ul element that will
  // contain the list
  divPlugins = document.querySelector("#listeWams");
  
  // display the wams
  displayWAMs(listeWams);
}
function displayWAMs(listePlugins) {
  console.log("displaying list of plugins");
  
  listePlugins.forEach(wam => {
    // title of the plugin
    let title = document.createElement("h2");
    title.innerHTML = `${wam.name} by ${wam.vendor}`;
    
    divPlugins.append(title);
    
    // screenshot
    let img = document.createElement("img");
    img.width=200;
    img.src = `${BASE_URL_SERVER}/plugins/${wam.thumbnail}`
    divPlugins.append(img);
    
  });
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers