captions system development 0

FoxTube/Controls/LiveCaptions.xaml

@@ -0,0 +1,16 @@
+<UserControl
+    x:Class="FoxTube.Controls.LiveCaptions"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:FoxTube.Controls"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d"
+    HorizontalAlignment="Center"
+    VerticalAlignment="Bottom"
+    Margin="0,75">
+
+    <Grid Background="#99000000">
+        <TextBlock Text="Hello, World!" Margin="5" FontSize="24"/>
+    </Grid>
+</UserControl>

FoxTube/Controls/LiveCaptions.xaml.cs

@@ -0,0 +1,27 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Input;
+using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Navigation;
+
+// The User Control item template is documented at https://go.microsoft.com/fwlink/?LinkId=234236
+
+namespace FoxTube.Controls
+{
+    public sealed partial class LiveCaptions : UserControl
+    {
+        public LiveCaptions()
+        {
+            this.InitializeComponent();
+        }
+    }
+}

FoxTube/Controls/VideoPlayer.xaml

@@ -6,6 +6,7 @@
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
+    xmlns:controls1="using:FoxTube.Controls"
     mc:Ignorable="d"
     d:DesignHeight="1080"
     d:DesignWidth="1920"
@@ -17,7 +18,9 @@
 
     <Grid Background="White" Name="grid" Tapped="UserControl_Tapped">
         <MediaElement IsDoubleTapEnabled="False" CurrentStateChanged="videoSource_CurrentStateChanged" AutoPlay="False" Name="videoSource" AreTransportControlsEnabled="False" PosterSource="ms-appx:///Assets/videoThumbSample.png"/>
-        <TextBox Name="subtitleCapture" Visibility="Collapsed" Text="This is subtitle capture" Background="#99000000" VerticalAlignment="Bottom" HorizontalAlignment="Center" Foreground="White" FontSize="24" Padding="10" Margin="0,0,0,100"/>
+
+        <controls1:LiveCaptions/>
+        
         <Grid Name="controls" Visibility="Visible">
             <Grid.RowDefinitions>
                 <RowDefinition Height="auto"/>

FoxTube/FoxTube.csproj

@@ -109,6 +109,9 @@
     <Compile Include="Controls\DownloadItem.xaml.cs">
       <DependentUpon>DownloadItem.xaml</DependentUpon>
     </Compile>
+    <Compile Include="Controls\LiveCaptions.xaml.cs">
+      <DependentUpon>LiveCaptions.xaml</DependentUpon>
+    </Compile>
     <Compile Include="Controls\PlaylistCard.xaml.cs">
       <DependentUpon>PlaylistCard.xaml</DependentUpon>
     </Compile>
@@ -287,6 +290,10 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
+    <Page Include="Controls\LiveCaptions.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
     <Page Include="Controls\PlaylistCard.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>