Add Android TextureView

samples/CommunityToolkit.Maui.Sample/Constants/StreamingVideoUrls.cs

@@ -0,0 +1,8 @@
+namespace CommunityToolkit.Maui.Sample.Constants;
+
+static class StreamingVideoUrls
+{
+	public const string BuckBunny = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
+	public const string ElephantsDream = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4";
+	public const string Sintel = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/Sintel.mp4";
+}

samples/CommunityToolkit.Maui.Sample/MauiProgram.cs

@@ -1,5 +1,6 @@
 using System.Diagnostics.CodeAnalysis;
 using CommunityToolkit.Maui.ApplicationModel;
+using CommunityToolkit.Maui.Core;
 using CommunityToolkit.Maui.Markup;
 using CommunityToolkit.Maui.Media;
 using CommunityToolkit.Maui.Sample.Models;
@@ -26,6 +27,7 @@
 using CommunityToolkit.Maui.Sample.ViewModels.Views;
 using CommunityToolkit.Maui.Sample.Views.Popups;
 using CommunityToolkit.Maui.Storage;
+using CommunityToolkit.Maui.Views;
 using Microsoft.Extensions.Http.Resilience;
 using Microsoft.Extensions.Logging;
 using Microsoft.Maui.LifecycleEvents;
@@ -66,9 +68,11 @@ public static MauiApp CreateMauiApp()
 #endif
 								.UseMauiCommunityToolkitMarkup()
 								.UseMauiCommunityToolkitCamera()
-								.UseMauiCommunityToolkitMediaElement()
-
-								.ConfigureMauiHandlers(handlers =>
+								.UseMauiCommunityToolkitMediaElement(static options =>
+								{
+									options.SetDefaultAndroidViewType(AndroidViewType.TextureView);
+								})
+								.ConfigureMauiHandlers(static handlers =>
 								{
 #if IOS || MACCATALYST
 									handlers.AddHandler<CollectionView, Microsoft.Maui.Controls.Handlers.Items2.CollectionViewHandler2>();

samples/CommunityToolkit.Maui.Sample/Pages/Views/MediaElement/MediaElementCarouselViewPage.xaml

@@ -37,6 +37,7 @@
                         </Border.StrokeShape>
                         <VerticalStackLayout Spacing="6" HeightRequest="250">
                             <toolkit:MediaElement
+                                AndroidViewType="SurfaceView"
                                 HeightRequest="200"
                                 x:Name="MediaElement"
                                 ShouldAutoPlay="True"

samples/CommunityToolkit.Maui.Sample/Pages/Views/MediaElement/MediaElementCollectionViewPage.xaml

@@ -37,6 +37,7 @@
                     </Border.StrokeShape>
                     <VerticalStackLayout Spacing="6" HeightRequest="250">
                         <toolkit:MediaElement
+                            AndroidViewType="SurfaceView"
                             HeightRequest="200"
                             x:Name="MediaElement"
                             ShouldAutoPlay="True"

samples/CommunityToolkit.Maui.Sample/Pages/Views/MediaElement/MediaElementMultipleWindowsPage.cs

@@ -1,5 +1,7 @@
+using CommunityToolkit.Maui.Core;
 using CommunityToolkit.Maui.Sample.ViewModels.Views;
 #if WINDOWS || MACCATALYST
+using CommunityToolkit.Maui.Sample.Constants;
 using CommunityToolkit.Maui.Views;
 #else
 using CommunityToolkit.Maui.Markup;
@@ -9,9 +11,7 @@ namespace CommunityToolkit.Maui.Sample.Pages.Views;
 
 public partial class MediaElementMultipleWindowsPage : BasePage<MediaElementMultipleWindowsViewModel>
 {
-	const string buckBunnyMp4Url = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
 #if WINDOWS || MACCATALYST
-	const string elephantsDreamMp4Url = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4";
 	readonly Window secondWindow;
 #endif
 
@@ -22,14 +22,16 @@ public MediaElementMultipleWindowsPage(MediaElementMultipleWindowsViewModel view
 		{
 			Content = new MediaElement
 			{
-				Source = elephantsDreamMp4Url,
+				AndroidViewType= AndroidViewType.SurfaceView,
+				Source = StreamingVideoUrls.ElephantsDream,
 				ShouldAutoPlay = true
 			}
 		});
 
 		Content = new MediaElement
 		{
-			Source = buckBunnyMp4Url,
+			AndroidViewType= AndroidViewType.SurfaceView,
+			Source = StreamingVideoUrls.BuckBunny,
 			ShouldAutoPlay = true
 		};
 #else

samples/CommunityToolkit.Maui.Sample/Pages/Views/MediaElement/MediaElementPage.xaml

@@ -3,6 +3,7 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:pages="clr-namespace:CommunityToolkit.Maui.Sample.Pages"
              xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
+             xmlns:constants="clr-namespace:CommunityToolkit.Maui.Sample.Constants"
              xmlns:viewModels="clr-namespace:CommunityToolkit.Maui.Sample.ViewModels.Views"
              xmlns:converters="clr-namespace:CommunityToolkit.Maui.Sample.Converters"
              x:TypeArguments="viewModels:MediaElementViewModel"
@@ -29,7 +30,7 @@
             <toolkit:MediaElement
                 x:Name="MediaElement"
                 ShouldAutoPlay="True"
-                Source="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
+                Source="{x:Static constants:StreamingVideoUrls.BuckBunny}"
                 MetadataArtworkUrl="https://lh3.googleusercontent.com/pw/AP1GczNRrebWCJvfdIau1EbsyyYiwAfwHS0JXjbioXvHqEwYIIdCzuLodQCZmA57GADIo5iB3yMMx3t_vsefbfoHwSg0jfUjIXaI83xpiih6d-oT7qD_slR0VgNtfAwJhDBU09kS5V2T5ZML-WWZn8IrjD4J-g=w1792-h1024-s-no-gm"
                 MetadataTitle="Big Buck Bunny"
                 MetadataArtist="Blender Foundation"

samples/CommunityToolkit.Maui.Sample/Pages/Views/MediaElement/MediaElementPage.xaml.cs

@@ -1,5 +1,6 @@
 using System.ComponentModel;
-using CommunityToolkit.Maui.Core.Primitives;
+using CommunityToolkit.Maui.Core;
+using CommunityToolkit.Maui.Sample.Constants;
 using CommunityToolkit.Maui.Sample.ViewModels.Views;
 using CommunityToolkit.Maui.Views;
 using Microsoft.Extensions.Logging;
@@ -17,7 +18,6 @@ public partial class MediaElementPage : BasePage<MediaElementViewModel>
 	const string resetSource = "Reset Source to null";
 	const string loadMusic = "Load Music";
 
-	const string buckBunnyMp4Url = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
 	const string botImageUrl = "https://lh3.googleusercontent.com/pw/AP1GczNRrebWCJvfdIau1EbsyyYiwAfwHS0JXjbioXvHqEwYIIdCzuLodQCZmA57GADIo5iB3yMMx3t_vsefbfoHwSg0jfUjIXaI83xpiih6d-oT7qD_slR0VgNtfAwJhDBU09kS5V2T5ZML-WWZn8IrjD4J-g=w1792-h1024-s-no-gm";
 	const string hlsStreamTestUrl = "https://mtoczko.github.io/hls-test-streams/test-gap/playlist.m3u8";
 	const string hal9000AudioUrl = "https://github.com/prof3ssorSt3v3/media-sample-files/raw/master/hal-9000.mp3";
@@ -170,7 +170,7 @@ async void ChangeSourceClicked(Object sender, EventArgs e)
 				MediaElement.MetadataArtworkUrl = botImageUrl;
 				MediaElement.MetadataArtist = "Big Buck Bunny Album";
 				MediaElement.Source =
-					MediaSource.FromUri(buckBunnyMp4Url);
+					MediaSource.FromUri(StreamingVideoUrls.BuckBunny);
 				return;
 
 			case loadHls:
@@ -248,6 +248,7 @@ void DisplayPopup(object sender, EventArgs e)
 		MediaElement.Pause();
 		var popupMediaElement = new MediaElement
 		{
+			AndroidViewType = AndroidViewType.SurfaceView,
 			Source = MediaSource.FromResource("AppleVideo.mp4"),
 			HeightRequest = 600,
 			WidthRequest = 600,

samples/CommunityToolkit.Maui.Sample/Platforms/Android/AndroidManifest.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
-    <application android:allowBackup="true" android:icon="@mipmap/appicon" android:enableOnBackInvokedCallback="true"
+    <application android:allowBackup="true" android:icon="@mipmap/appicon" android:enableOnBackInvokedCallback="true" android:hardwareAccelerated="true"
                  android:supportsRtl="true">
 
       <meta-data android:name="com.google.android.geo.API_KEY" android:value="PASTE-YOUR-API-KEY-HERE" />

samples/CommunityToolkit.Maui.Sample/ViewModels/Views/MediaElement/MediaElementCarouselViewViewModel.cs

@@ -1,17 +1,15 @@
 using System.Collections.ObjectModel;
+using CommunityToolkit.Maui.Sample.Constants;
+
 namespace CommunityToolkit.Maui.Sample.ViewModels.Views;
 
 public partial class MediaElementCarouselViewViewModel : BaseViewModel
 {
-	const string buckBunnyMp4Url = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
-	const string elephantsDreamMp4Url = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4";
-	const string sintelMp4Url = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/Sintel.mp4";
-
 	public ObservableCollection<MediaElementDataSource> ItemSource { get; } =
 	[
-		new(new Uri(buckBunnyMp4Url), "Buck Bunny", 720, 1280),
-		new(new Uri(elephantsDreamMp4Url), "Elephants Dream", 720, 1280),
-		new(new Uri(sintelMp4Url), "Sintel", 546, 1280)
+		new(new Uri(StreamingVideoUrls.BuckBunny), "Buck Bunny", 720, 1280),
+		new(new Uri(StreamingVideoUrls.ElephantsDream), "Elephants Dream", 720, 1280),
+		new(new Uri(StreamingVideoUrls.Sintel), "Sintel", 546, 1280)
 	];
 }
 

samples/CommunityToolkit.Maui.Sample/ViewModels/Views/MediaElement/MediaElementCollectionViewViewModel.cs

@@ -1,16 +1,14 @@
 using System.Collections.ObjectModel;
+using CommunityToolkit.Maui.Sample.Constants;
+
 namespace CommunityToolkit.Maui.Sample.ViewModels.Views;
 
 public partial class MediaElementCollectionViewViewModel : BaseViewModel
 {
-	const string buckBunnyMp4Url = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
-	const string elephantsDreamMp4Url = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4";
-	const string sintelMp4Url = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/Sintel.mp4";
-
 	public ObservableCollection<MediaElementDataSource> ItemSource { get; } =
 	[
-		new(new Uri(buckBunnyMp4Url), "Buck Bunny", 720, 1280),
-		new(new Uri(elephantsDreamMp4Url), "Elephants Dream", 720, 1280),
-		new(new Uri(sintelMp4Url), "Sintel", 546, 1280)
+		new(new Uri(StreamingVideoUrls.BuckBunny), "Buck Bunny", 720, 1280),
+		new(new Uri(StreamingVideoUrls.ElephantsDream), "Elephants Dream", 720, 1280),
+		new(new Uri(StreamingVideoUrls.Sintel), "Sintel", 546, 1280)
 	];
 }

samples/CommunityToolkit.Maui.Sample/ViewModels/Views/MediaElement/MediaElementViewModel.cs

@@ -2,8 +2,4 @@
 
 public partial class MediaElementViewModel : BaseViewModel
 {
-	public MediaElementViewModel()
-	{
-
-	}
 }

src/CommunityToolkit.Maui.MediaElement/AppBuilderExtensions.shared.cs

@@ -1,4 +1,5 @@
 using System.Runtime.Versioning;
+using CommunityToolkit.Maui.Core;
 using CommunityToolkit.Maui.Core.Handlers;
 using CommunityToolkit.Maui.Views;
 
@@ -18,17 +19,23 @@
 	/// Initializes the .NET MAUI Community Toolkit MediaElement Library
 	/// </summary>
 	/// <param name="builder"><see cref="MauiAppBuilder"/> generated by <see cref="MauiApp"/>.</param>
+	/// <param name="options"></param>
 	/// <returns><see cref="MauiAppBuilder"/> initialized for <see cref="MediaElement"/>.</returns>
-	public static MauiAppBuilder UseMauiCommunityToolkitMediaElement(this MauiAppBuilder builder)
+	public static MauiAppBuilder UseMauiCommunityToolkitMediaElement(this MauiAppBuilder builder, Action<MediaElementOptions>? options = null)
 	{
+		// Update the default MediaElementOptions for MediaElement if Action is not null
+		options?.Invoke(new MediaElementOptions(builder));
+
+		// Perform Handler configuration
 		builder.ConfigureMauiHandlers(h =>
 		{
 			h.AddHandler<MediaElement, MediaElementHandler>();
 		});
 
 #if ANDROID
 		builder.Services.AddSingleton<Media.Services.MediaControlsService>();
 #endif
+
 		return builder;
 	}
 }

src/CommunityToolkit.Maui.MediaElement/AssemblyInfo.shared.cs

@@ -1,6 +1,5 @@
 [assembly: XmlnsDefinition(Constants.XamlNamespace, Constants.CommunityToolkitNamespacePrefix + nameof(CommunityToolkit.Maui.Converters))]
 [assembly: XmlnsDefinition(Constants.XamlNamespace, Constants.CommunityToolkitNamespacePrefix + nameof(CommunityToolkit.Maui.Core))]
-[assembly: XmlnsDefinition(Constants.XamlNamespace, Constants.CommunityToolkitNamespacePrefix + nameof(CommunityToolkit.Maui.Core.Primitives))]
 [assembly: XmlnsDefinition(Constants.XamlNamespace, Constants.CommunityToolkitNamespacePrefix + nameof(CommunityToolkit.Maui.Core.Handlers))]
 [assembly: XmlnsDefinition(Constants.XamlNamespace, Constants.CommunityToolkitNamespacePrefix + nameof(CommunityToolkit.Maui.Core.Views))]
 [assembly: XmlnsDefinition(Constants.XamlNamespace, Constants.CommunityToolkitNamespacePrefix + nameof(CommunityToolkit.Maui.Views))]

src/CommunityToolkit.Maui.MediaElement/CommunityToolkit.Maui.MediaElement.csproj

@@ -63,11 +63,15 @@
     <PackageReference Include="Xamarin.AndroidX.Media3.ExoPlayer.Rtsp" Version="1.5.0" />
     <PackageReference Include="Xamarin.AndroidX.Media3.ExoPlayer.Hls" Version="1.5.0" />
     <PackageReference Include="Xamarin.AndroidX.Media3.ExoPlayer.Dash" Version="1.5.0" />
-    <PackageReference Include="Xamarin.AndroidX.Media3.Session" Version="1.5.0" />    
+    <PackageReference Include="Xamarin.AndroidX.Media3.Session" Version="1.5.0" />
+
+    <!--include the textureview.xml needed for creating textureview in android-->
+    <Folder Include="Platforms\Android\Resources\layout\" />
+    <AndroidResource Include="Platforms\Android\Resources\layout\textureview.xml" />
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="Microsoft.Maui.Controls" Version="[$(MauiPackageVersion),$(NextMauiPackageVersion))"/>
+    <PackageReference Include="Microsoft.Maui.Controls" Version="[$(MauiPackageVersion),$(NextMauiPackageVersion))" />
     <PackageReference Include="Microsoft.SourceLink.GitHub" Version="8.0.0" Condition=" '$(Configuration)'=='Release' " PrivateAssets="All" />
   </ItemGroup>
 
@@ -76,4 +80,5 @@
       <LogicalName>ResourceDictionary.windows.xaml</LogicalName>
     </EmbeddedResource>
   </ItemGroup>
+
 </Project>

src/CommunityToolkit.Maui.MediaElement/Handlers/MediaElementHandler.android.cs

@@ -14,17 +14,17 @@ public partial class MediaElementHandler : ViewHandler<MediaElement, MauiMediaEl
 	/// <param name="mediaElement">The associated <see cref="MediaElement"/> instance.</param>
 	public static void ShouldLoopPlayback(MediaElementHandler handler, MediaElement mediaElement)
 	{
-		handler.mediaManager?.UpdateShouldLoopPlayback();
+		handler.MediaManager?.UpdateShouldLoopPlayback();
 	}
 
 
 	protected override MauiMediaElement CreatePlatformView()
 	{
-		mediaManager ??= new(MauiContext ?? throw new InvalidOperationException($"{nameof(MauiContext)} cannot be null"),
+		MediaManager ??= new(MauiContext ?? throw new InvalidOperationException($"{nameof(MauiContext)} cannot be null"),
 								VirtualView,
 								Dispatcher.GetForCurrentThread() ?? throw new InvalidOperationException($"{nameof(IDispatcher)} cannot be null"));
 
-		var (_, playerView) = mediaManager.CreatePlatformView();
+		var (_, playerView) = MediaManager.CreatePlatformView(VirtualView.AndroidViewType);
 		return new(Context, playerView);
 	}
 

src/CommunityToolkit.Maui.MediaElement/Handlers/MediaElementHandler.macios.cs

@@ -18,11 +18,12 @@ protected override MauiMediaElement CreatePlatformView()
 			throw new InvalidOperationException($"{nameof(MauiContext)} cannot be null");
 		}
 
-		mediaManager ??= new(MauiContext,
+		MediaManager ??= new(MauiContext,
 			VirtualView,
 			Dispatcher.GetForCurrentThread() ?? throw new InvalidOperationException($"{nameof(IDispatcher)} cannot be null"));
 
-		(_, playerViewController) = mediaManager.CreatePlatformView();
+
+		(_, playerViewController) = MediaManager.CreatePlatformView();
 
 		return new(playerViewController, VirtualView);
 	}