ビデオチャットアプリの作成

Windows

サンプルアプリのUIを調整する

デフォルトでは、Vonage Video Windows SDK は、VideoRenderer クラス（Vonage Video Windows SDK で定義）を使用して、公開および購読する動画をレンダリングします。このクラスは、Windows Presentation Framework コントロールに動画をレンダリングします。

このサンプル・アプリケーションでは、アプリケーションの MainWindow.xaml ファイルでターゲット・コントロールを定義します。Visual Studio* でそのファイルを開き、XML を編集して OpenTok 名前空間を追加し VideoRenderer オブジェクトをメイン Grid アプリケーションのコントロール：

<Window x:Class="BasicVideoChat.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:BasicVideoChat"
        xmlns:OpenTok="clr-namespace:OpenTok;assembly=WPFVideoRenderer"
        mc:Ignorable="d"
        Title="MainWindow" Height="960" Width="640">
    <Grid>
        <OpenTok:VideoRenderer x:Name="PublisherVideo" HorizontalAlignment="Center" Height="480" VerticalAlignment="Top" Width="640">
        </OpenTok:VideoRenderer>
        <OpenTok:VideoRenderer x:Name="SubscriberVideo" HorizontalAlignment="Center" Height="480" VerticalAlignment="Bottom" Width="640">
        </OpenTok:VideoRenderer>
    </Grid>
</Window>