1

私はこれに答えるかもしれないヒントを求めてサイトを精査しました。これはSoundCloud固有のものかもしれませんし、JS初心者の質問かもしれません。これを自分で解決しようとして、できる限り StackOverflow を検索しましたが、かなり困惑しています。私よりも経験のある人にとっては、それは明白で簡単なことだと確信しています。

プレーヤー UI を使用せずに、SoundCloud の JS API を使用してトラックをストリーミングするテスト Web ページを作成しようとしています。私は彼らのドキュメントを見て、彼らの例 (ここ: http://connect.soundcloud.com/examples/streaming.html ) を見つけ、トラックとクライアント ID で動作させようとしましたが、役に立ちませんでした。

上記のリンクの例に基づいた、私の基本的な HTML ページは次のとおりです。

<!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>

ブラウザーのエラー コンソールで、このページを読み込むと、次のエラーが表示されます: ReferenceError: Can't find variable: $。JS と Web プログラミング (ほとんど何もない) について私が知っていることをすべて振り返ってみると、SoundCloud SDK が読み込まれていないことがわかりました。「sdk.js」ファイルへのパスを解決するために、ホストされている JS ファイルに http:// 絶対パスを追加したり、SDK のローカル コピーをポイントしたりするなど、さまざまなことを試しました。違いはないようでした。

誰にもヒントや解決策がありますか? 見つけられなかった可能性のある既存の回答をより適切に検索するための構文は? どうもありがとう。

4

1 に答える 1

3

sdk.jsファイルが正常にダウンロードされています。

$はそこにあるjqueryオブジェクトを表します。したがって、jquery.jsも含める必要があります。

<!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" />

于 2012-07-19T02:36:53.707 に答える