Work on Video Page
Change-Id: Iaf495a0220964fa5630fb9a948c1d0a60bae8b32
diff --git a/VideoPage.xaml b/VideoPage.xaml
new file mode 100644
index 0000000..e7f5ed8
--- /dev/null
+++ b/VideoPage.xaml
@@ -0,0 +1,123 @@
+<Page
+ x:Class="RingClientUWP.Views.VideoPage"
+ xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+ xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+ xmlns:local="using:RingClientUWP"
+ xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+ xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+ mc:Ignorable="d">
+
+ <Page.Resources>
+ <SolidColorBrush x:Key="SemiTransparentBlack" Color="#000000" Opacity="0.5"/>
+ <Storyboard x:Name="myStoryboard">
+ <DoubleAnimationUsingKeyFrames Storyboard.TargetName="_controlsBar_"
+ Storyboard.TargetProperty="Opacity"
+ Duration="0:0:4">
+ <LinearDoubleKeyFrame Value="1" KeyTime="0:0:0" />
+ <LinearDoubleKeyFrame Value="1" KeyTime="0:0:2" />
+ <LinearDoubleKeyFrame Value="0" KeyTime="0:0:4" />
+
+ </DoubleAnimationUsingKeyFrames>
+ <DoubleAnimationUsingKeyFrames Storyboard.TargetName="_headerBar_"
+ Storyboard.TargetProperty="Opacity"
+ Duration="0:0:4">
+ <LinearDoubleKeyFrame Value="1" KeyTime="0:0:0" />
+ <LinearDoubleKeyFrame Value="1" KeyTime="0:0:2" />
+ <LinearDoubleKeyFrame Value="0" KeyTime="0:0:4" />
+ </DoubleAnimationUsingKeyFrames>
+ </Storyboard>
+ </Page.Resources>
+
+ <SplitView x:Name="_videoSplitView_" IsPaneOpen="False" OpenPaneLength="400" PanePlacement="Right">
+ <SplitView.Pane>
+ <Frame x:Name="_chatPanel_"/>
+ </SplitView.Pane>
+ <SplitView.Content>
+ <Grid>
+ <Image x:Name="_videoControl_"
+ Source="ms-appx:///fond-video.png"
+ PointerMoved="_videoControl__PointerMoved"
+ Stretch="UniformToFill"/>
+ <StackPanel x:Name="_headerBar_"
+ Background="{StaticResource SemiTransparentBlack}"
+ HorizontalAlignment="Stretch"
+ VerticalAlignment="Top"
+ Height="50">
+ <TextBlock x:Name="_callee_"
+ Text="callee"
+ Foreground="White"
+ Margin="20,10"/>
+ </StackPanel>
+ <StackPanel x:Name="_controlsBar_"
+ HorizontalAlignment="Center"
+ VerticalAlignment="Bottom"
+ Orientation="Horizontal">
+ <StackPanel.Resources>
+ <Style TargetType="Button">
+ <Setter Property="Margin" Value="10,30"/>
+ <Setter Property="Width" Value="40"/>
+ <Setter Property="Height" Value="40"/>
+ <Setter Property="Foreground" Value="White"/>
+ <Setter Property="BorderBrush" Value="White"/>
+ </Style>
+ </StackPanel.Resources>
+
+ <Button x:Name="_btnHangUp_"
+ PointerEntered="btnAny_entered"
+ PointerExited="btnAny_exited"
+ Tapped="_btnHangUp__Tapped">
+ <SymbolIcon Symbol="HangUp"/>
+ </Button>
+ <Button x:Name="_btnPause_"
+ PointerEntered="btnAny_entered"
+ PointerExited="btnAny_exited"
+ Tapped="_btnPause__Tapped">
+ <SymbolIcon Symbol="Pause"/>
+ </Button>
+ <Button x:Name="_btnChat_"
+ PointerEntered="btnAny_entered"
+ PointerExited="btnAny_exited"
+ Tapped="_btnChat__Tapped">
+ <SymbolIcon Symbol="Message"/>
+ </Button>
+ <Button x:Name="_btnAddFriend_"
+ PointerEntered="btnAny_entered"
+ PointerExited="btnAny_exited"
+ Tapped="_btnAddFriend__Tapped">
+ <SymbolIcon Symbol="AddFriend"/>
+ </Button>
+ <Button x:Name="_btnSwitch_"
+ PointerEntered="btnAny_entered"
+ PointerExited="btnAny_exited"
+ Tapped="_btnSwitch__Tapped">
+ <SymbolIcon Symbol="Switch"/>
+ </Button>
+ <Button x:Name="_btnMicrophone_"
+ PointerEntered="btnAny_entered"
+ PointerExited="btnAny_exited"
+ Tapped="_btnMicrophone__Tapped">
+ <SymbolIcon Symbol="Microphone"/>
+ </Button>
+ <Button x:Name="_btnVideo_"
+ PointerEntered="btnAny_entered"
+ PointerExited="btnAny_exited"
+ Tapped="_btnVideo__Tapped">
+ <SymbolIcon Symbol="Video"/>
+ </Button>
+ <Button x:Name="_btnMemo_"
+ PointerEntered="btnAny_entered"
+ PointerExited="btnAny_exited"
+ Tapped="_btnMemo__Tapped">
+ <SymbolIcon Symbol="Memo"/>
+ </Button>
+ <Button x:Name="_btnHQ_"
+ PointerEntered="btnAny_entered"
+ PointerExited="btnAny_exited"
+ Tapped="_btnHQ__Tapped">
+ <TextBlock Text="HQ"/>
+ </Button>
+ </StackPanel>
+ </Grid>
+ </SplitView.Content>
+ </SplitView>
+</Page>