2012-07-19 4 views
1

J'ai parcouru le site pour trouver des indices qui pourraient répondre à cette question pour moi. Cela peut être spécifique à SoundCloud, ou cela peut être juste une question de débutant JS. J'ai cherché StackOverflow au mieux de mes capacités en essayant de le résoudre moi-même, mais je suis plutôt perplexe. Je suis sûr que c'est quelque chose d'évident et facile pour quelqu'un avec plus d'expérience que moi.Comment charger correctement SoundCloud JS SDK pour le streaming?

J'essaie de créer une page Web de test qui utilise l'API JS de SoundCloud pour diffuser des pistes sans utiliser leur interface utilisateur. J'ai regardé leurs docs, j'ai trouvé leur exemple (ici: http://connect.soundcloud.com/examples/streaming.html), et j'ai essayé de le faire fonctionner avec une piste et mon ID client, mais en vain.

Voilà ma page HTML de base, basée sur l'exemple lié ci-dessus:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Some Page</title> 
</head> 
<body> 
    <script src="//connect.soundcloud.com/sdk.js"></script> 
    <script> 
     SC.initialize({ 
     client_id: "MY_CLIENT_ID" 
    }); 

     $("#stream").live("click", function(){ 
     SC.stream("/tracks/47101735", {autoPlay: true}); 
     }); 
    </script> 

    <input type="button" href="#" id="stream" value="Stream It Again, Sam" /> 
</body> 
</html> 

Dans ma console d'erreur de navigateur, lorsque je charge cette page, je reçois l'erreur: ReferenceError: Vous ne trouvez pas la variable:. En repensant à tout ce que je sais à propos de JS et de la programmation web (ce qui est presque rien), j'ai pensé que le SoundCloud SDK n'était pas chargé. J'ai essayé un certain nombre de choses pour résoudre le chemin du fichier 'sdk.js', comme ajouter un chemin absolu http: // à leur fichier JS hébergé ou le pointer sur une copie locale du SDK. Ça ne semblait pas faire la différence.

Quelqu'un at-il une idée ou une solution pour moi? Syntaxe pour une meilleure recherche d'une réponse existante que je n'ai peut-être pas trouvée? Merci beaucoup.

+0

.live est obsolète dans jQuery 1.7 - vous avez besoin de référencer la bibliothèque jQuery comme mentionné par quelqu'un ci-dessous. Essayer –

Répondre

3

Le fichier téléchargé sdk.js est obtenir avec succès ..

$ y représente objet jquery .., nous devons inclure jquery.js ainsi ..

<!DOCTYPE html> 
<html> 
<head> 
    <title>Some Page</title> 
    <script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"> </script> 
</head> 
<body> 
<script src="//connect.soundcloud.com/sdk.js"></script> 
<script> 
    SC.initialize({ 
    client_id: "MY_CLIENT_ID" 
}); 

    $("#stream").live("click", function(){ 
    SC.stream("/tracks/47101735", {autoPlay: true}); 
    }); 
</script> 

<input type="button" href="#" id="stream" value="Stream It Again, Sam" />