winrt app now navigates to the video player page, and plays the video…

… using the MediaElement
joelmartinez · May 22, 2012 · 8819917 · 8819917
1 parent 95f6de1
commit 8819917
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 4 deletions.
diff --git a/KhanViewer.Metro/CategoryPage.xaml.cs b/KhanViewer.Metro/CategoryPage.xaml.cs
@@ -36,7 +36,8 @@ private void MainListBox_SelectionChanged(object sender, SelectionChangedEventAr
                 return;
             var item = MainListBox.SelectedItem as VideoItem;
             // Navigate to the new page
-            item.Navigate();
+            //item.Navigate();
+            Frame.Navigate(typeof(VideoPlayer), item);
 
             // Reset selected index to -1 (no selection)
             MainListBox.SelectedIndex = -1;

diff --git a/KhanViewer.Metro/KhanViewer.Metro.csproj b/KhanViewer.Metro/KhanViewer.Metro.csproj
@@ -163,6 +163,9 @@
       <DependentUpon>MainPage.xaml</DependentUpon>
     </Compile>
     <Compile Include="Properties\AssemblyInfo.cs" />
+    <Compile Include="VideoPlayer.xaml.cs">
+      <DependentUpon>VideoPlayer.xaml</DependentUpon>
+    </Compile>
   </ItemGroup>
   <ItemGroup>
     <AppxManifest Include="Package.appxmanifest">
@@ -184,6 +187,10 @@
     <Content Include="Assets\StoreLogo.png">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Content>
+    <Page Include="VideoPlayer.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
     <Page Include="CategoryPage.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>

diff --git a/KhanViewer.Metro/VideoPlayer.xaml b/KhanViewer.Metro/VideoPlayer.xaml
@@ -36,6 +36,11 @@
             <TextBlock x:Name="pageTitle" Grid.Column="1" Text="{StaticResource AppName}" Style="{StaticResource PageHeaderTextStyle}"/>
         </Grid>
 
+        <MediaElement
+            x:Name="vid"
+            Grid.Row="1"
+            Source="{Binding VideoFileUri}"
+            />
         <VisualStateManager.VisualStateGroups>
 
             <!-- Visual states reflect the application's view state -->

diff --git a/KhanViewer.Metro/VideoPlayer.xaml.cs b/KhanViewer.Metro/VideoPlayer.xaml.cs
@@ -33,6 +33,10 @@ public VideoPlayer()
         /// property is typically used to configure the page.</param>
         protected override void OnNavigatedTo(NavigationEventArgs e)
         {
+            var video = e.Parameter as VideoItem;
+            this.DataContext = video;
+
+            vid.Play();
         }
     }
 }
diff --git a/KhanViewer/ViewModels/VideoItem.cs b/KhanViewer/ViewModels/VideoItem.cs
@@ -30,9 +30,9 @@ public void Navigate()
 
             App.ViewModel.TrackPageView(this.Name, "/" + this.Parent + "/Video/" + this.Name);
 
-            bool hasVideoUri = this.VideoFileUri == null || string.IsNullOrWhiteSpace(this.VideoFileUri.ToString());
+            bool noVideoFileUri = this.VideoFileUri == null || string.IsNullOrWhiteSpace(this.VideoFileUri.ToString());
 #if !WINDOWS_PHONE
-            if (hasVideoUri)
+            if (noVideoFileUri)
             {
                 Windows.System.Launcher.LaunchUriAsync(this.VideoUri);
             }
@@ -43,7 +43,7 @@ public void Navigate()
 #else
             WebBrowserTask browser = new WebBrowserTask();
 
-            if (hasVideoUri)
+            if (noVideoFileUri)
             {
                 browser.Uri = this.VideoUri;
             }