Kinectで音声を録音・再生するサンプル

Kinectが音声認識できることは前回でもお伝えしましたが、今回はその応用として、音声を録音して再生するサンプルを作ってみましょう。

今回のこのサンプルに手を加えて、事前にこれからの予定を録音しておき、その日付になれば、自動的に今日の予定を再生してくれる、といった使い方もできると思います。ぜひ、挑戦してみてください。サンプルの動作は以下の通りです。

1. まず、録音時間(秒)を設定して、[録音開始]ボタンをクリックします。
2. すると「録音中・・・」と表示されます。
3. 設定した録音時間が経過すると「録音中・・・」の文字は消え、[再生]ボタンの使用が可能になります。
4. [再生]ボタンをクリックすると「再生中・・・」と表示され録音されていた内容が再生されます。
5. 再度録音を開始するには、録音時間を選択してください。

実際に音声の録音と再生を実行した動画は以下です。

サンプル一式は、会員限定特典としてダウンロードできます。記事末尾をご確認ください。

プロジェクトの作成

VS 2010のメニューから[ファイル(F)／新規作成(N)／プロジェクト(P)]と選択します。

次に、「WPF アプリケーション」を選択して、「名前(N)」に任意のプロジェクト名を指定します。ここでは「KINECT_AudioRecordSample」という名前を付けています。

ツールボックスからデザイン画面上にButtonを2個、TextBlockを2個、MediaElementを1個、KinectSensorChooserを1個、ComboBoxを1個、Labelコントロールを2個配置します。各コントロールのレイアウト図とNameは図3を参照してください。

ComboBoxコントロールのプロパティの[共通]パネルにあるItemsプロパティから、「コレクションエディター」を起動し、「選択の項目(S)」から、CombBoxItemを6個追加していきます。

右に表示されるプロパティ(P)から、[共通]パネルにあるContentに値を指定していきます。ComboBoxItemの上から順番に、5,10,15,20,25,30と指定します（図1）。この値は録音時間（秒）になります。

図1：ComboBoxコントロールの「コレクションエディター」からComboBoxItemを追加し、Contentプロパティの値を設定した（クリックで拡大）

書き出されるXAMLコードはリスト1、レイアウトは図2のようなります。

リスト1 (MainWindow.xaml)

• （１）最初の状態では、[録音開始]と[再生]ボタンの使用は不可としておきます。
• （２）要素を配置しています。
• （３）要素の子要素としてが追加されています。

<Window x:Class="MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="音声の録音と再生" Height="409" Width="525" xmlns:my="clr-namespace:Microsoft.Samples.Kinect.WpfViewers;assembly=Microsoft.Samples.Kinect.WpfViewers">
  <Grid>
    <Button Content="録音開始" Height="73" HorizontalAlignment="Left" Margin="95,74,0,0" Name="recordButton" VerticalAlignment="Top" Width="145" FontSize="24" IsEnabled="False" />　■（１）
    <Button Content="再生" FontSize="24" Height="73" HorizontalAlignment="Left" Margin="246,74,0,0" Name="playButton" VerticalAlignment="Top" Width="145" IsEnabled="False" />■（１）
    <TextBlock Height="48" HorizontalAlignment="Left" Margin="44,179,0,0" Name="TextBlock1" VerticalAlignment="Top" Width="438" FontSize="32" FontWeight="Bold" Foreground="Red"/>
    <MediaElement Name="MediaElement1" Margin="0,331,0,0" />　■（２）
    <my:KinectSensorChooser HorizontalAlignment="Left" Margin="68,153,0,0" Name="KinectSensorChooser1" VerticalAlignment="Top" Width="381" Height="196" />
    <TextBlock Height="45" HorizontalAlignment="Left" Margin="44,233,0,0" Name="TextBlock2" Text="" VerticalAlignment="Top" Width="438" FontSize="32" FontWeight="Bold" />
    <ComboBox Height="32" HorizontalAlignment="Left" Margin="95,21,0,0" Name="ComboBox1" VerticalAlignment="Top" Width="86">　■（３）
      <ComboBoxItem Content="5" />　■（３）
      <ComboBoxItem Content="10" />　■（３）
      <ComboBoxItem Content="15" />　■（３）
      <ComboBoxItem Content="20" />　■（３）
      <ComboBoxItem Content="25" />　■（３）
      <ComboBoxItem Content="30" />　■（３）
      </ComboBox>　■（３）
    <Label Content="録音時間" Height="31" HorizontalAlignment="Left" Margin="24,21,0,0" Name="Label1" VerticalAlignment="Top" Width="65" />
    <Label Content="秒に設定" Height="24" HorizontalAlignment="Left" Margin="187,24,0,0" Name="Label2" VerticalAlignment="Top" Width="75" />
  </Grid>
</Window>

図2：各コントロールを配置した（クリックで拡大）