4. クラウドミュージックプレイヤー

このプロジェクトの目的は、Blynkを使用して音楽プレイヤーを作成することです。 音楽は、 5.7 Tone() または noTone() と同じ方法で再生され、曲をプログラムに書き込んでパッシブブザーで再生します。 しかし、この例では、スイッチをクリックして再生/一時停止を切り替えたり、スライダーをスライドして再生の進行状況を変更することができます。

必要な部品

このプロジェクトでは、以下のコンポーネントが必要です。

キット全体を購入すると確かに便利です。以下にリンクを示します：

名前

このキットのアイテム

リンク

3 in 1 Starter Kit

380+

3 in 1 Starter Kit

以下のリンクから個別に購入することもできます。

コンポーネントの紹介

購入リンク

Arduino Uno R4 Minima

-

ブレッドボード

BUY

ESP8266モジュール

BUY

ジャンパーワイヤー

BUY

ブザー

BUY

1. 回路を組む

注釈

ESP8266モジュールは安定した動作環境を提供するために高い電流を必要とするので、9Vのバッテリーが接続されていることを確認してください。

../_images/iot_4_bb.png

2. ダッシュボードの編集

  1. Datastream ページで Virtual Pin タイプの Datastream を作成します。これは、後で追加するスライダーウィジェットまたはコードによって変更される値として設定します。DATA TYPEを Integer に設定し、MINとMAXを 0 と 30 に設定します。

    ../_images/sp220610_104330.png

  2. 音楽の名前を表示するための Virtual Pin タイプの別の Datastream も作成し、DATA TYPEを String に設定します。

    ../_images/sp220610_105932.png

  3. Wed Dashboard ページに移動し、 Switch ウィジェットをドラッグし、 Datastream をV0に設定します（V0はすでに 2. Blynkからデータを取得する で設定されています）； Label ウィジェットをドラッグしてV3に設定します； Slider ウィジェットをドラッグしてV2に設定します。

    ../_images/sp220610_110105.png

注釈

あなたの仮想ピンは私のものと異なる場合があります。あなたのものが優先されますが、コード内の対応するピン番号を変更する必要があります。

3. コードを実行する

  1. 3in1-kit\iot_project\4.cloud_music_player のパスの下の 4.cloud_music_player.ino ファイルを開きます。

  2. Template ID、 Device Name、および Auth Token を自分のものに置き換えます。また、使用しているWiFiの ssid および password を入力する必要があります。詳しいチュートリアルは、 1.4 R4ボードをBlynkに接続する を参照してください。

  3. 正しいボードとポートを選択したら、 Upoad ボタンをクリックします。

  4. シリアルモニターを開き(baudrateを115200に設定)、接続が成功したというプロンプトが表示されるのを待ちます。

    ../_images/2_ready.png

    注釈

    接続時に ESP is not responding というメッセージが表示された場合は、次の手順に従ってください。

    • 9Vのバッテリーが接続されていることを確認します。

    • ピンRSTを1秒間GNDに接続してESP8266モジュールをリセットし、その後、それを取り外します。

    • R4ボードのリセットボタンを押します。

    ときどき、上記の操作を3〜5回繰り返す必要があることがありますので、お待ちください。

  5. これで、Blynkのボタン制御ウィジェットを使用して音楽の再生/一時停止を切り替えることができ、スライダーで再生の進行状況を調整することができます。また、音楽の名前も表示されます。

    ../_images/sp220610_110105.png

  6. Blynkをモバイルデバイスで使用する場合は、 モバイルデバイスでのBlynkの使用方法 を参照してください。

どのように動作するのか？

データストリーム V0 は、Switchウィジェットのステータスを取得し、それを変数 musicPlayFlag に割り当てるために使用されます。これは、音楽の一時停止と再生を制御します。

int musicPlayFlag=0;

BLYNK_WRITE(V0)
{
    musicPlayFlag = param.asInt(); // 音楽の開始/一時停止
}

データストリーム V2 は、スライダーウィジェットの値を取得し、スライダーが移動されたときにそれを変数 scrubBar に割り当てるために使用されます。

int scrubBar=0;

BLYNK_WRITE(V2)
{
    scrubBar=param.asInt();
}

デバイスが Blynk Cloud に接続されているとき、 V3 データストリームの音楽名を書き込み、それを Label ウィジェットで表示します。

BLYNK_CONNECTED() {
    String songName = "Ode to Joy";
    Blynk.virtualWrite(V3, songName);
}

Blynk Timer は毎秒実行されます。 musicPlayFlag が0でない場合、つまり、 Switch ウィジェットがONの場合、音楽が再生されます。 2つのノートが再生されると、プログレスバー変数 scrubBar が2増加し、その値は次に Blynk Cloud に書き込まれ、 Slider ウィジェットの値と同期されます。

void myTimerEvent()
{
    if(musicPlayFlag!=0)
    {
        tone(buzzerPin,melody[scrubBar],250);
        scrubBar=(scrubBar+1)%(sizeof(melody)/sizeof(int));
        delay(500);
        tone(buzzerPin,melody[scrubBar],250);
        scrubBar=(scrubBar+1)%(sizeof(melody)/sizeof(int));
        Serial.println(scrubBar);
        Blynk.virtualWrite(V2, scrubBar);
    }
}