From 36eeed78449e65cf29af38231b8ff1dab7b25e12 Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Thu, 25 May 2023 15:13:15 +0200
Subject: [PATCH 01/11] Adding CameraHelper

---
 components/Helpers/samples/CameraHelper.md    | 113 +++++++
 .../Helpers/samples/CameraHelperSample.xaml   |  43 +++
 .../samples/CameraHelperSample.xaml.cs        | 163 +++++++++
 .../Helpers/src/CameraHelper/CameraHelper.cs  | 308 ++++++++++++++++++
 .../src/CameraHelper/CameraHelperResult.cs    |  51 +++
 .../src/CameraHelper/FrameEventArgs.cs        |  51 +++
 6 files changed, 729 insertions(+)
 create mode 100644 components/Helpers/samples/CameraHelper.md
 create mode 100644 components/Helpers/samples/CameraHelperSample.xaml
 create mode 100644 components/Helpers/samples/CameraHelperSample.xaml.cs
 create mode 100644 components/Helpers/src/CameraHelper/CameraHelper.cs
 create mode 100644 components/Helpers/src/CameraHelper/CameraHelperResult.cs
 create mode 100644 components/Helpers/src/CameraHelper/FrameEventArgs.cs

diff --git a/components/Helpers/samples/CameraHelper.md b/components/Helpers/samples/CameraHelper.md
new file mode 100644
index 00000000..e68a53e7
--- /dev/null
+++ b/components/Helpers/samples/CameraHelper.md
@@ -0,0 +1,113 @@
+---
+title: CameraHelper
+author: skommireddi
+description: The CameraHelper provides helper methods to easily use the available camera frame sources to preview video, capture video frames and software bitmaps.
+keywords: Helpers, CameraHelper, Camera, Frame Source, Video Frame, Software Bitmap
+dev_langs:
+  - csharp
+category: Helpers
+subcategory: Layout
+discussion-id: 0
+issue-id: 0
+---
+
+# CameraHelper
+
+The **CameraHelper** provides helper methods to easily use the available camera frame sources to preview video, capture video frames and software bitmaps. The helper currently shows camera frame sources that support color video preview or video record streams.
+
+> [!IMPORTANT]
+> Make sure you have the [webcam capability](/windows/uwp/packaging/app-capability-declarations#device-capabilities) enabled for your app to access the device's camera.
+
+> [!Sample CameraHelperSample]
+
+## Syntax
+
+```csharp
+// Creates a Camera Helper and gets video frames from an available frame source.
+using Microsoft.Toolkit.Uwp.Helpers.CameraHelper;
+
+CameraHelper _cameraHelper = new CameraHelper();
+var result = await _cameraHelper.InitializeAndStartCaptureAsync();
+
+// Camera Initialization and Capture failed for some reason
+if(result != CameraHelperResult.Success)
+{
+  // get error information
+  var errorMessage = result.ToString();
+}
+else 
+{
+  // Subscribe to get frames as they arrive
+  _cameraHelper.FrameArrived += CameraHelper_FrameArrived;
+}
+
+private void CameraHelper_FrameArrived(object sender, FrameEventArgs e)
+{
+  // Gets the current video frame
+  VideoFrame currentVideoFrame  = e.VideoFrame;
+
+  // Gets the software bitmap image
+  SoftwareBitmap softwareBitmap = currentVideoFrame.SoftwareBitmap;
+}
+```
+
+
+## Cleaning up resources
+
+As a developer, you will need to make sure the CameraHelper resources are cleaned up when appropriate. For example, if the CameraHelper is only used on one page, make sure to clean up the CameraHelper when navigating away from the page.
+
+Likewise, make sure to handle app [suspending](/windows/uwp/launch-resume/suspend-an-app) and [resuming](/windows/uwp/launch-resume/resume-an-app) - CameraHelper should be cleaned up when suspending and re-initialized when resuming.
+
+Call `CameraHelper.CleanupAsync()` to clean up all internal resources. See the [CameraHelper sample page in the sample app](https://github.com/windows-toolkit/WindowsCommunityToolkit/tree/rel/7.1.0/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/CameraHelper) for full example.
+
+## Properties
+
+| Property | Type | Description |
+| -- | -- | -- |
+| FrameSourceGroup | MediaFrameSourceGroup | Gets the currently selected MediaFrameSourceGroup for video preview. User can set this property to preview video from a specific source. If no MediaFrameSourceGroup is provided, Camera Helper selects the first available camera source to  use for media capture. |
+| PreviewFrameSource | MediaFrameSource | Gets the currently selected MediaFrameSource for video preview. |
+
+## Methods
+
+| Methods | Return Type | Description |
+| -- | -- | -- |
+| GetFrameSourceGroupsAsync() | Task<IReadOnlyList\<MediaFrameSourceGroup>> | Gets a read only list of MediaFrameSourceGroups that support color video record or video preview streams. |
+| InitializeAndStartCaptureAsync() | Task\<CameraHelperResult> | Initializes Media Capture and Frame Reader for video preview and capture frames in real time. |
+| CleanUpAsync() | Task | Use this asynchronous method to dispose Camera Helper resources |
+| Dispose() | void | Use this method to dispose Camera Helper resources |
+
+## Events
+
+| Events | Description |
+| -- | -- |
+| FrameArrived| Fires when a new frame arrives.|
+
+## Examples
+
+Demonstrates using Camera Helper to get video frames from a specific media frame source group.
+
+```csharp
+
+using Microsoft.Toolkit.Uwp.Helpers.CameraHelper;
+
+var availableFrameSourceGroups = await CameraHelper.GetFrameSourceGroupsAsync();
+if(availableFrameSourceGroups != null)
+{
+  CameraHelper cameraHelper = new CameraHelper() { FrameSourceGroup = availableFrameSourceGroups.FirstOrDefault() };
+  var result = await cameraHelper.InitializeAndStartCaptureAsync();
+
+  // Camera Initialization succeeded
+  if(result == CameraHelperResult.Success)
+  {
+    // Subscribe to get frames as they arrive
+    cameraHelper.FrameArrived += CameraHelper_FrameArrived;
+
+    // Optionally set a different frame source format
+    var newFormat = cameraHelper.FrameFormatsAvailable.Find((format) => format.VideoFormat.Width == 640);
+    if (newFormat != null)
+    {
+      await cameraHelper.PreviewFrameSource.SetFormatAsync(newFormat);
+    }
+  }
+}
+```
diff --git a/components/Helpers/samples/CameraHelperSample.xaml b/components/Helpers/samples/CameraHelperSample.xaml
new file mode 100644
index 00000000..2ec8a02d
--- /dev/null
+++ b/components/Helpers/samples/CameraHelperSample.xaml
@@ -0,0 +1,43 @@
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<Page x:Class="HelpersExperiment.Samples.CameraHelperSample"
+      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:local="using:HelpersExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
+      mc:Ignorable="d">
+
+    <StackPanel HorizontalAlignment="Center"
+                Orientation="Vertical"
+                Spacing="12">
+        <ComboBox x:Name="FrameSourceGroupCombo"
+                  MinWidth="200"
+                  HorizontalAlignment="Center"
+                  Header="Frame source group">
+            <ComboBox.ItemTemplate>
+                <DataTemplate>
+                    <TextBlock Text="{Binding DisplayName}" />
+                </DataTemplate>
+            </ComboBox.ItemTemplate>
+        </ComboBox>
+        <muxc:InfoBar x:Name="ErrorBar"
+                      Title="Error"
+                      IsOpen="False"
+                      Severity="Error" />
+        <Border Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
+                BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
+                BorderThickness="1"
+                CornerRadius="{StaticResource ControlCornerRadius}">
+            <Image x:Name="CurrentFrameImage"
+                   Height="300"
+                   MinWidth="360" />
+        </Border>
+
+
+        <Button x:Name="CaptureButton"
+                HorizontalAlignment="Center"
+                Click="CaptureButton_Click"
+                Content="Capture video frame" />
+    </StackPanel>
+</Page>
diff --git a/components/Helpers/samples/CameraHelperSample.xaml.cs b/components/Helpers/samples/CameraHelperSample.xaml.cs
new file mode 100644
index 00000000..b2376592
--- /dev/null
+++ b/components/Helpers/samples/CameraHelperSample.xaml.cs
@@ -0,0 +1,163 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using CommunityToolkit.WinUI.Helpers;
+using Windows.Graphics.Imaging;
+using Windows.Media;
+using Windows.Media.Capture.Frames;
+using Windows.ApplicationModel;
+#if WINAPPSDK
+using Microsoft.UI.Xaml.Media.Imaging;
+#else
+using Windows.UI.Xaml.Media.Imaging;
+#endif
+
+namespace HelpersExperiment.Samples;
+
+[ToolkitSample(id: nameof(CameraHelperSample), "CameraHelper", description: $"A sample for showing how to use {nameof(CameraHelper)}.")]
+public sealed partial class CameraHelperSample : Page
+{
+    private CameraHelper _cameraHelper;
+    private VideoFrame _currentVideoFrame;
+    private SoftwareBitmapSource _softwareBitmapSource;
+
+#pragma warning disable CS8618 // Non-nullable field must contain a non-null value when exiting constructor. Consider declaring as nullable.
+    public CameraHelperSample()
+#pragma warning restore CS8618 // Non-nullable field must contain a non-null value when exiting constructor. Consider declaring as nullable.
+    {
+        this.InitializeComponent();
+        Init();
+    }
+
+    private async void Init()
+    {
+        _softwareBitmapSource = new SoftwareBitmapSource();
+        CurrentFrameImage.Source = _softwareBitmapSource;
+#if !WINAPPSDK
+        // Application.Current.Suspending += Application_Suspending;
+        // Application.Current.Resuming += Application_Resuming;
+#endif
+        await InitializeAsync();
+    }
+
+    protected override async void OnNavigatedTo(NavigationEventArgs e)
+    {
+        base.OnNavigatedTo(e);
+
+        _softwareBitmapSource = new SoftwareBitmapSource();
+        CurrentFrameImage.Source = _softwareBitmapSource;
+#if !WINAPPSDK
+        Application.Current.Suspending += Application_Suspending;
+        Application.Current.Resuming += Application_Resuming;
+#endif
+        await InitializeAsync();
+    }
+
+    protected async override void OnNavigatedFrom(NavigationEventArgs e)
+    {
+#if !WINAPPSDK
+        Application.Current.Suspending -= Application_Suspending;
+        Application.Current.Resuming -= Application_Resuming;
+#endif
+        await CleanUpAsync();
+    }
+
+    private async void Application_Suspending(object sender, SuspendingEventArgs e)
+    {
+        if (Frame?.CurrentSourcePageType == typeof(CameraHelperSample))
+        {
+            var deferral = e.SuspendingOperation.GetDeferral();
+            await CleanUpAsync();
+            deferral.Complete();
+        }
+    }
+
+    private async void Application_Resuming(object sender, object e)
+    {
+        await InitializeAsync();
+    }
+
+    private void CameraHelper_FrameArrived(object sender, FrameEventArgs e)
+    {
+        _currentVideoFrame = e.VideoFrame;
+    }
+
+    private async Task InitializeAsync()
+    {
+        var frameSourceGroups = await CameraHelper.GetFrameSourceGroupsAsync();
+        if (_cameraHelper == null)
+        {
+            _cameraHelper = new CameraHelper();
+        }
+
+        var result = await _cameraHelper.InitializeAndStartCaptureAsync();
+        if (result == CameraHelperResult.Success)
+        {
+            // Subscribe to the video frame as they arrive
+            _cameraHelper.FrameArrived += CameraHelper_FrameArrived!;
+            FrameSourceGroupCombo.ItemsSource = frameSourceGroups;
+            FrameSourceGroupCombo.SelectionChanged += FrameSourceGroupCombo_SelectionChanged;
+            FrameSourceGroupCombo.SelectedIndex = 0;
+        }
+
+        SetUIControls(result);
+    }
+
+    private async void FrameSourceGroupCombo_SelectionChanged(object sender, SelectionChangedEventArgs e)
+    {
+        if (FrameSourceGroupCombo.SelectedItem is MediaFrameSourceGroup selectedGroup && _cameraHelper != null)
+        {
+            _cameraHelper.FrameSourceGroup = selectedGroup;
+            var result = await _cameraHelper.InitializeAndStartCaptureAsync();
+            SetUIControls(result);
+        }
+    }
+
+    private void SetUIControls(CameraHelperResult result)
+    {
+        var success = result == CameraHelperResult.Success;
+        if (!success)
+        {
+            _currentVideoFrame = null!;
+        }
+
+        ErrorBar.Title = result.ToString();
+        ErrorBar.IsOpen = !success;
+
+        CaptureButton.IsEnabled = success;
+        CurrentFrameImage.Opacity = success ? 1 : 0.5;
+    }
+
+    private async void CaptureButton_Click(object sender, RoutedEventArgs e)
+    {
+        var softwareBitmap = _currentVideoFrame?.SoftwareBitmap;
+
+        if (softwareBitmap != null)
+        {
+            if (softwareBitmap.BitmapPixelFormat != BitmapPixelFormat.Bgra8 || softwareBitmap.BitmapAlphaMode == BitmapAlphaMode.Straight)
+            {
+                softwareBitmap = SoftwareBitmap.Convert(softwareBitmap, BitmapPixelFormat.Bgra8, BitmapAlphaMode.Premultiplied);
+            }
+            if (_softwareBitmapSource != null)
+            {
+                await _softwareBitmapSource.SetBitmapAsync(softwareBitmap);
+            }
+        }
+    }
+
+    private async Task CleanUpAsync()
+    {
+        if (FrameSourceGroupCombo != null)
+        {
+            FrameSourceGroupCombo.SelectionChanged -= FrameSourceGroupCombo_SelectionChanged;
+        }
+
+        if (_cameraHelper != null)
+        {
+            _cameraHelper.FrameArrived -= CameraHelper_FrameArrived!;
+            await _cameraHelper.CleanUpAsync();
+            _cameraHelper = null!;
+        }
+    }
+}
diff --git a/components/Helpers/src/CameraHelper/CameraHelper.cs b/components/Helpers/src/CameraHelper/CameraHelper.cs
new file mode 100644
index 00000000..a3c8cc8a
--- /dev/null
+++ b/components/Helpers/src/CameraHelper/CameraHelper.cs
@@ -0,0 +1,308 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using Windows.Devices.Enumeration;
+using Windows.Media.Capture;
+using Windows.Media.Capture.Frames;
+using Windows.Media.MediaProperties;
+
+namespace CommunityToolkit.WinUI.Helpers;
+
+/// <summary>
+/// Helper class for capturing frames from available camera sources.
+/// Make sure you have the capability webcam enabled for your app to access the device's camera.
+/// </summary>
+public class CameraHelper : IDisposable
+{
+    private static IReadOnlyList<MediaFrameSourceGroup>? _frameSourceGroups;
+    private readonly SemaphoreSlim _semaphoreSlim = new SemaphoreSlim(1);
+    private MediaCapture? _mediaCapture;
+    private MediaFrameReader? _frameReader;
+    private MediaFrameSourceGroup? _group;
+    private bool groupChanged = false;
+    private bool _initialized;
+
+    /// <summary>
+    /// Gets a list of <see cref="MediaFrameSourceGroup"/> available for video preview or video record.
+    /// </summary>
+    /// <returns>A <see cref="MediaFrameSourceGroup"/> list.</returns>
+    public static async Task<IReadOnlyList<MediaFrameSourceGroup>> GetFrameSourceGroupsAsync()
+    {
+        if (_frameSourceGroups == null)
+        {
+            var videoDevices = await DeviceInformation.FindAllAsync(DeviceClass.VideoCapture);
+            var groups = await MediaFrameSourceGroup.FindAllAsync();
+
+            // Filter out color video preview and video record type sources and remove duplicates video devices.
+            _frameSourceGroups = groups.Where(g => g.SourceInfos.Any(s => s.SourceKind == MediaFrameSourceKind.Color &&
+                                                                        (s.MediaStreamType == MediaStreamType.VideoPreview || s.MediaStreamType == MediaStreamType.VideoRecord))
+                                                                        && g.SourceInfos.All(sourceInfo => videoDevices.Any(vd => vd.Id == sourceInfo.DeviceInformation.Id))).ToList();
+        }
+
+        return _frameSourceGroups;
+    }
+
+    /// <summary>
+    /// Gets a list of <see cref="MediaFrameFormat"/> available on the source.
+    /// </summary>
+    public IReadOnlyList<MediaFrameFormat>? FrameFormatsAvailable { get; private set; }
+
+    /// <summary>
+    /// Gets or sets the source group for camera video preview.
+    /// </summary>
+    public MediaFrameSourceGroup FrameSourceGroup
+    {
+        get => _group!;
+        set
+        {
+            groupChanged = _group != value;
+            _group = value;
+        }
+    }
+
+    /// <summary>
+    /// Gets the currently selected <see cref="MediaFrameSource"/> for video preview.
+    /// </summary>
+    public MediaFrameSource? PreviewFrameSource { get; private set; }
+
+    /// <summary>
+    /// Occurs when a new frame arrives.
+    /// </summary>
+    public event EventHandler<FrameEventArgs>? FrameArrived;
+
+    /// <summary>
+    /// Initializes Camera Media Capture settings and initializes Frame Reader to capture frames in real time.
+    /// If no MediaFrameSourceGroup is provided, it selects the first available camera source to  use for media capture.
+    /// You could select a specific MediaFrameSourceGroup from the available sources using the CameraHelper FrameSourceGroups property.
+    /// </summary>
+    /// <returns>Result of the async operation.<see cref="CameraHelperResult"/></returns>
+    public async Task<CameraHelperResult> InitializeAndStartCaptureAsync()
+    {
+        CameraHelperResult result;
+        try
+        {
+            await _semaphoreSlim.WaitAsync();
+
+            // if FrameSourceGroup hasn't changed from last initialization, just return back.
+            if (_initialized && _group != null && !groupChanged)
+            {
+                return CameraHelperResult.Success;
+            }
+
+            groupChanged = false;
+
+            await StopReaderAsync();
+
+            if (_mediaCapture != null)
+            {
+                _mediaCapture.Dispose();
+                _mediaCapture = null;
+            }
+
+            if (_frameSourceGroups == null)
+            {
+                _frameSourceGroups = await GetFrameSourceGroupsAsync();
+            }
+
+            if (_group == null)
+            {
+                _group = _frameSourceGroups.FirstOrDefault();
+            }
+            else
+            {
+                // Verify selected group is part of existing FrameSourceGroups
+                _group = _frameSourceGroups.FirstOrDefault(g => g.Id == _group.Id);
+            }
+
+            // If there is no camera source available, we can't proceed
+            if (_group == null)
+            {
+                return CameraHelperResult.NoFrameSourceGroupAvailable;
+            }
+
+            result = await InitializeMediaCaptureAsync();
+
+            if (PreviewFrameSource != null && _mediaCapture != null)
+            {
+                _frameReader = await _mediaCapture.CreateFrameReaderAsync(PreviewFrameSource);
+                _frameReader.AcquisitionMode = MediaFrameReaderAcquisitionMode.Realtime;
+
+                _frameReader.FrameArrived += Reader_FrameArrived;
+
+                if (_frameReader == null)
+                {
+                    result = CameraHelperResult.CreateFrameReaderFailed;
+                }
+                else
+                {
+                    MediaFrameReaderStartStatus statusResult = await _frameReader.StartAsync();
+                    if (statusResult != MediaFrameReaderStartStatus.Success)
+                    {
+                        result = CameraHelperResult.StartFrameReaderFailed;
+                    }
+                }
+            }
+
+            _initialized = result == CameraHelperResult.Success;
+            return result;
+        }
+        catch (Exception)
+        {
+            await CleanUpAsync();
+            return CameraHelperResult.InitializationFailed_UnknownError;
+        }
+        finally
+        {
+            _semaphoreSlim.Release();
+        }
+    }
+
+    /// <summary>
+    /// Clean up the Camera Helper resources
+    /// </summary>
+    /// <returns>A <see cref="Task"/> representing the asynchronous operation.</returns>
+    public async Task CleanUpAsync()
+    {
+        await _semaphoreSlim.WaitAsync();
+        try
+        {
+            _initialized = false;
+            await StopReaderAsync();
+
+            if (_mediaCapture != null)
+            {
+                _mediaCapture.Dispose();
+                _mediaCapture = null;
+            }
+        }
+        finally
+        {
+            _semaphoreSlim.Release();
+        }
+    }
+
+    private async Task<CameraHelperResult> InitializeMediaCaptureAsync()
+    {
+        if (_mediaCapture == null)
+        {
+            _mediaCapture = new MediaCapture();
+        }
+
+        var settings = new MediaCaptureInitializationSettings()
+        {
+            SourceGroup = _group,
+            MemoryPreference = MediaCaptureMemoryPreference.Cpu,
+            StreamingCaptureMode = StreamingCaptureMode.Video
+        };
+
+        try
+        {
+            await _mediaCapture.InitializeAsync(settings);
+
+            // Find the first video preview or record stream available
+            PreviewFrameSource = _mediaCapture.FrameSources.FirstOrDefault(source => source.Value.Info.MediaStreamType == MediaStreamType.VideoPreview
+                                                                                  && source.Value.Info.SourceKind == MediaFrameSourceKind.Color).Value;
+            if (PreviewFrameSource == null)
+            {
+                PreviewFrameSource = _mediaCapture.FrameSources.FirstOrDefault(source => source.Value.Info.MediaStreamType == MediaStreamType.VideoRecord
+                                                                                      && source.Value.Info.SourceKind == MediaFrameSourceKind.Color).Value;
+            }
+
+            if (PreviewFrameSource == null)
+            {
+                return CameraHelperResult.NoFrameSourceAvailable;
+            }
+
+            // Get only formats of a certain frame-rate and compatible subtype for previewing, order them by resolution
+            FrameFormatsAvailable = PreviewFrameSource.SupportedFormats.Where(format =>
+                format.FrameRate.Numerator / format.FrameRate.Denominator >= 15 // fps
+                && (string.Compare(format.Subtype, MediaEncodingSubtypes.Nv12, true) == 0
+                    || string.Compare(format.Subtype, MediaEncodingSubtypes.Bgra8, true) == 0
+                    || string.Compare(format.Subtype, MediaEncodingSubtypes.Yuy2, true) == 0
+                    || string.Compare(format.Subtype, MediaEncodingSubtypes.Rgb32, true) == 0))?.OrderBy(format => format.VideoFormat.Width * format.VideoFormat.Height).ToList();
+
+            if (FrameFormatsAvailable == null || !FrameFormatsAvailable.Any())
+            {
+                return CameraHelperResult.NoCompatibleFrameFormatAvailable;
+            }
+
+            // Set the format with the highest resolution available by default
+            var defaultFormat = FrameFormatsAvailable.Last();
+            await PreviewFrameSource.SetFormatAsync(defaultFormat);
+        }
+        catch (UnauthorizedAccessException)
+        {
+            await StopReaderAsync();
+
+            if (_mediaCapture != null)
+            {
+                _mediaCapture.Dispose();
+                _mediaCapture = null;
+            }
+
+            return CameraHelperResult.CameraAccessDenied;
+        }
+        catch (Exception)
+        {
+            await StopReaderAsync();
+
+            if (_mediaCapture != null)
+            {
+                _mediaCapture.Dispose();
+                _mediaCapture = null;
+            }
+
+            return CameraHelperResult.InitializationFailed_UnknownError;
+        }
+
+        return CameraHelperResult.Success;
+    }
+
+    /// <summary>
+    /// Stops reading from the frame reader and disposes of the reader.
+    /// </summary>
+    /// <returns>A <see cref="Task"/> representing the asynchronous operation.</returns>
+    private async Task StopReaderAsync()
+    {
+        if (_frameReader != null)
+        {
+            _frameReader.FrameArrived -= Reader_FrameArrived;
+            await _frameReader.StopAsync();
+            _frameReader.Dispose();
+            _frameReader = null;
+        }
+    }
+
+    /// <summary>
+    /// Handles the frame arrived event by converting the frame to a displayable
+    /// format and rendering it to the screen.
+    /// </summary>
+    private void Reader_FrameArrived(MediaFrameReader sender, MediaFrameArrivedEventArgs args)
+    {
+        // TryAcquireLatestFrame will return the latest frame that has not yet been acquired.
+        // This can return null if there is no such frame, or if the reader is not in the
+        // "Started" state. The latter can occur if a FrameArrived event was in flight
+        // when the reader was stopped.
+        var frame = sender.TryAcquireLatestFrame();
+        if (frame != null)
+        {
+            var vmf = frame.VideoMediaFrame;
+            EventHandler<FrameEventArgs> handler = FrameArrived!;
+            var frameArgs = new FrameEventArgs() { VideoFrame = vmf.GetVideoFrame() };
+            handler?.Invoke(sender, frameArgs);
+        }
+    }
+
+    private bool disposedValue = false;
+
+    /// <inheritdoc/>
+    public async void Dispose()
+    {
+        if (!disposedValue)
+        {
+            disposedValue = true;
+            await CleanUpAsync();
+        }
+    }
+}
diff --git a/components/Helpers/src/CameraHelper/CameraHelperResult.cs b/components/Helpers/src/CameraHelper/CameraHelperResult.cs
new file mode 100644
index 00000000..e874e42b
--- /dev/null
+++ b/components/Helpers/src/CameraHelper/CameraHelperResult.cs
@@ -0,0 +1,51 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace CommunityToolkit.WinUI.Helpers;
+
+/// <summary>
+/// Enum indicating result of <see cref="CameraHelper"/> initialization.
+/// </summary>
+public enum CameraHelperResult
+{
+    /// <summary>
+    /// Initialization was successful.
+    /// </summary>
+    Success,
+
+    /// <summary>
+    /// Initialization failed; Frame Reader Creation failed.
+    /// </summary>
+    CreateFrameReaderFailed,
+
+    /// <summary>
+    /// Initialization failed; Unable to start Frame Reader.
+    /// </summary>
+    StartFrameReaderFailed,
+
+    /// <summary>
+    /// Initialization failed; Frame Source Group is null.
+    /// </summary>
+    NoFrameSourceGroupAvailable,
+
+    /// <summary>
+    /// Initialization failed; Frame Source is null.
+    /// </summary>
+    NoFrameSourceAvailable,
+
+    /// <summary>
+    /// Access to the camera is denied.
+    /// </summary>
+    CameraAccessDenied,
+
+    /// <summary>
+    /// Initialization failed due to an exception.
+    /// </summary>
+    InitializationFailed_UnknownError,
+
+    /// <summary>
+    /// Initialization failed; No compatible frame format exposed by the frame source.
+    /// </summary>
+    NoCompatibleFrameFormatAvailable
+}
diff --git a/components/Helpers/src/CameraHelper/FrameEventArgs.cs b/components/Helpers/src/CameraHelper/FrameEventArgs.cs
new file mode 100644
index 00000000..a090e1db
--- /dev/null
+++ b/components/Helpers/src/CameraHelper/FrameEventArgs.cs
@@ -0,0 +1,51 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using Windows.Graphics.Imaging;
+using Windows.Media;
+
+namespace CommunityToolkit.WinUI.Helpers;
+
+/// <summary>
+/// Provides data for the <see cref="CameraHelper.FrameArrived"/> event.
+/// </summary>
+public class FrameEventArgs : EventArgs
+{
+    private readonly SemaphoreSlim _semaphore = new SemaphoreSlim(1);
+    private VideoFrame? _videoFrame;
+    private VideoFrame? _videoFrameCopy;
+
+    /// <summary>
+    /// Gets the video frame.
+    /// </summary>
+    public VideoFrame VideoFrame
+    {
+        get
+        {
+            _semaphore.Wait();
+
+            // The VideoFrame could be disposed at any time so we need to create a copy we can use.
+            if (_videoFrameCopy == null &&
+                _videoFrame != null &&
+                _videoFrame.SoftwareBitmap != null)
+            {
+                try
+                {
+                    _videoFrameCopy = VideoFrame.CreateWithSoftwareBitmap(SoftwareBitmap.Copy(_videoFrame.SoftwareBitmap));
+                }
+                catch (Exception)
+                {
+                }
+            }
+
+            _semaphore.Release();
+            return _videoFrameCopy! ?? _videoFrame!;
+        }
+
+        internal set
+        {
+            _videoFrame = value;
+        }
+    }
+}

From 35ed895ad9a759d053c2865e8f0a46ff24d0f4e0 Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Fri, 26 May 2023 14:13:45 +0200
Subject: [PATCH 02/11] Adding samples

---
 components/CameraPreview/OpenSolution.bat     |   3 +
 .../samples/CameraPreview.Samples.csproj      |   8 +
 .../CameraPreview/samples/CameraPreview.md    |  92 +++++++++
 .../samples/CameraPreviewSample.xaml          |  29 +++
 .../samples/CameraPreviewSample.xaml.cs       | 149 ++++++++++++++
 .../CameraPreview/samples/Dependencies.props  |  31 +++
 .../src/AdditionalAssemblyInfo.cs             |  13 ++
 .../src/CameraPreview.Constants.cs            |  21 ++
 .../CameraPreview/src/CameraPreview.Events.cs |  16 ++
 .../src/CameraPreview.Properties.cs           |  37 ++++
 components/CameraPreview/src/CameraPreview.cs | 194 ++++++++++++++++++
 .../CameraPreview/src/CameraPreview.xaml      |  23 +++
 ...oolkit.WinUI.Controls.CameraPreview.csproj |  17 ++
 .../CameraPreview/src/Dependencies.props      |  31 +++
 .../CameraPreview/src/MultiTarget.props       |   9 +
 .../src/PreviewFailedEventArgs.cs             |  16 ++
 .../CameraPreview/src/Themes/Generic.xaml     |   9 +
 .../tests/CameraPreview.Tests.projitems       |  23 +++
 .../tests/CameraPreview.Tests.shproj          |  13 ++
 .../tests/ExampleCameraPreviewTestClass.cs    | 134 ++++++++++++
 .../tests/ExampleCameraPreviewTestPage.xaml   |  14 ++
 .../ExampleCameraPreviewTestPage.xaml.cs      |  16 ++
 22 files changed, 898 insertions(+)
 create mode 100644 components/CameraPreview/OpenSolution.bat
 create mode 100644 components/CameraPreview/samples/CameraPreview.Samples.csproj
 create mode 100644 components/CameraPreview/samples/CameraPreview.md
 create mode 100644 components/CameraPreview/samples/CameraPreviewSample.xaml
 create mode 100644 components/CameraPreview/samples/CameraPreviewSample.xaml.cs
 create mode 100644 components/CameraPreview/samples/Dependencies.props
 create mode 100644 components/CameraPreview/src/AdditionalAssemblyInfo.cs
 create mode 100644 components/CameraPreview/src/CameraPreview.Constants.cs
 create mode 100644 components/CameraPreview/src/CameraPreview.Events.cs
 create mode 100644 components/CameraPreview/src/CameraPreview.Properties.cs
 create mode 100644 components/CameraPreview/src/CameraPreview.cs
 create mode 100644 components/CameraPreview/src/CameraPreview.xaml
 create mode 100644 components/CameraPreview/src/CommunityToolkit.WinUI.Controls.CameraPreview.csproj
 create mode 100644 components/CameraPreview/src/Dependencies.props
 create mode 100644 components/CameraPreview/src/MultiTarget.props
 create mode 100644 components/CameraPreview/src/PreviewFailedEventArgs.cs
 create mode 100644 components/CameraPreview/src/Themes/Generic.xaml
 create mode 100644 components/CameraPreview/tests/CameraPreview.Tests.projitems
 create mode 100644 components/CameraPreview/tests/CameraPreview.Tests.shproj
 create mode 100644 components/CameraPreview/tests/ExampleCameraPreviewTestClass.cs
 create mode 100644 components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml
 create mode 100644 components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml.cs

diff --git a/components/CameraPreview/OpenSolution.bat b/components/CameraPreview/OpenSolution.bat
new file mode 100644
index 00000000..814a56d4
--- /dev/null
+++ b/components/CameraPreview/OpenSolution.bat
@@ -0,0 +1,3 @@
+@ECHO OFF
+
+powershell ..\..\tooling\ProjectHeads\GenerateSingleSampleHeads.ps1 -componentPath %CD% %*
\ No newline at end of file
diff --git a/components/CameraPreview/samples/CameraPreview.Samples.csproj b/components/CameraPreview/samples/CameraPreview.Samples.csproj
new file mode 100644
index 00000000..b910ea2a
--- /dev/null
+++ b/components/CameraPreview/samples/CameraPreview.Samples.csproj
@@ -0,0 +1,8 @@
+<Project Sdk="MSBuild.Sdk.Extras/3.0.23">
+  <PropertyGroup>
+    <ToolkitComponentName>CameraPreview</ToolkitComponentName>
+  </PropertyGroup>
+
+  <!-- Sets this up as a toolkit component's sample project -->
+  <Import Project="$(ToolingDirectory)\ToolkitComponent.SampleProject.props" />
+</Project>
diff --git a/components/CameraPreview/samples/CameraPreview.md b/components/CameraPreview/samples/CameraPreview.md
new file mode 100644
index 00000000..e63a76a6
--- /dev/null
+++ b/components/CameraPreview/samples/CameraPreview.md
@@ -0,0 +1,92 @@
+---
+title: CameraPreview
+author: skommireddi
+description: The CameraPreview control allows to easily preview video in the MediaPlayerElement from available camera frame source groups. You can subscribe and get real time video frames and software bitmaps as they arrive from the selected camera source. It shows only frame sources that support color video preview or video record streams.
+keywords: CameraPreview, Control, skommireddi
+dev_langs:
+  - csharp
+category: Controls
+subcategory: Layout
+discussion-id: 0
+issue-id: 0
+---
+
+# CameraPreview
+
+The **CameraPreview** control allows to easily preview video in the MediaPlayerElement from available camera frame source groups. You can subscribe and get real time video frames and software bitmaps as they arrive from the selected camera source. It shows only frame sources that support color video preview or video record streams.
+
+> [!IMPORTANT]
+> Make sure you have the [webcam capability](/windows/uwp/packaging/app-capability-declarations#device-capabilities) enabled for your app to access the device's camera.
+
+> [!Sample CameraPreviewSample]
+
+## Syntax
+
+```xaml
+<controls:CameraPreview x:Name="CameraPreviewControl">
+</controls:CameraPreview>
+```
+
+```csharp
+
+CameraPreviewControl.PreviewFailed += CameraPreviewControl_PreviewFailed;
+await CameraPreviewControl.StartAsync();
+CameraPreviewControl.CameraHelper.FrameArrived += CameraPreviewControl_FrameArrived;
+
+
+private void CameraPreviewControl_FrameArrived(object sender, FrameEventArgs e)
+{
+     var videoFrame = e.VideoFrame;
+     var softwareBitmap = videoFrame.SoftwareBitmap;
+}
+
+private void CameraPreviewControl_PreviewFailed(object sender, PreviewFailedEventArgs e)
+{
+    var errorMessage = e.Error;
+}
+```
+
+
+> [!IMPORTANT]
+> As a developer, you will need to make sure the CameraHelper resources used by the control are cleaned up when appropriate. See [CameraHelper documentation](../helpers/CameraHelper.md) for more details
+
+## Properties
+
+| Property | Type | Description |
+| -- | -- | -- |
+| CameraHelper| [CameraHelper](../helpers/CameraHelper.md) | Gets the CameraHelper associated with the control. |
+| IsFrameSourceGroupButtonVisible | bool| Set this property to hide or show Frame Source Group Button. Note: This button is conditionally visible based on more than one source being available. |
+
+```xaml
+<controls:CameraPreview x:Name="CameraPreviewControl" IsFrameSourceGroupButtonVisible="false"
+</controls:CameraPreview>
+```
+
+## Methods
+
+| Methods | Return Type | Description |
+| -- | -- | -- |
+| StartAsync() | Task | Initializes camera preview control with a default Camera Helper instance and starts preview and frame capture. |
+| StartAsync(CameraHelper cameraHelper) | Task | Initializes camera preview control with provided Camera Helper instance. |
+| Stop() | void | Stops camera preview and disposes MediaPlayer. |
+
+## Events
+
+| Events | Description |
+| -- | -- |
+| PreviewFailed | Fires when camera preview fails. You can get the error reason from the PreviewFailedEventArgs.|
+
+## Examples
+
+Demonstrates using the camera control and camera helper to preview video from a specific media frame source group.
+
+```csharp
+var availableFrameSourceGroups = await CameraHelper.GetFrameSourceGroupsAsync();
+if(availableFrameSourceGroups != null)
+{
+  CameraHelper cameraHelper = new CameraHelper() { FrameSourceGroup = availableFrameSourceGroups.FirstOrDefault() };
+  _cameraPreviewControl.PreviewFailed += CameraPreviewControl_PreviewFailed;
+  await _cameraPreviewControl.StartAsync(cameraHelper);
+  _cameraPreviewControl.CameraHelper.FrameArrived += CameraPreviewControl_FrameArrived; 
+}
+```
diff --git a/components/CameraPreview/samples/CameraPreviewSample.xaml b/components/CameraPreview/samples/CameraPreviewSample.xaml
new file mode 100644
index 00000000..1bc13079
--- /dev/null
+++ b/components/CameraPreview/samples/CameraPreviewSample.xaml
@@ -0,0 +1,29 @@
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<Page x:Class="CameraPreviewExperiment.Samples.CameraPreviewSample"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:local="using:CameraPreviewExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
+      mc:Ignorable="d">
+
+    <StackPanel HorizontalAlignment="Center"
+                Orientation="Vertical"
+                Spacing="12">
+        <controls:CameraPreview x:Name="CameraPreviewControl"
+                                Height="320"
+                                IsFrameSourceGroupButtonVisible="{x:Bind ShowCamera, Mode=OneWay}" />
+        <muxc:InfoBar x:Name="ErrorBar"
+                      Title="Error"
+                      IsOpen="False"
+                      Severity="Error" />
+        <Image x:Name="CurrentFrameImage"
+               Height="240"
+               HorizontalAlignment="Center" />
+        <Button HorizontalAlignment="Center"
+                Click="CaptureButton_Click"
+                Content="Capture" />
+    </StackPanel>
+</Page>
diff --git a/components/CameraPreview/samples/CameraPreviewSample.xaml.cs b/components/CameraPreview/samples/CameraPreviewSample.xaml.cs
new file mode 100644
index 00000000..4f011bb0
--- /dev/null
+++ b/components/CameraPreview/samples/CameraPreviewSample.xaml.cs
@@ -0,0 +1,149 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using CommunityToolkit.WinUI.Controls;
+using CommunityToolkit.WinUI.Helpers;
+using Windows.Graphics.Imaging;
+using Windows.Media;
+using Windows.ApplicationModel;
+#if WINAPPSDK
+using Microsoft.UI.Xaml.Media.Imaging;
+#else
+using Windows.UI.Xaml.Media.Imaging;
+#endif
+
+namespace CameraPreviewExperiment.Samples;
+
+[ToolkitSampleBoolOption("ShowCamera", true, Title = "Show camera toggle button")]
+[ToolkitSample(id: nameof(CameraPreviewSample), "CameraPreview", description: $"A sample for showing how to create and use a {nameof(CameraPreview)} control.")]
+public sealed partial class CameraPreviewSample : Page
+{
+    private static SemaphoreSlim? semaphoreSlim;
+    private VideoFrame _currentVideoFrame;
+    private SoftwareBitmapSource _softwareBitmapSource;
+
+#pragma warning disable CS8618 // Non-nullable field must contain a non-null value when exiting constructor. Consider declaring as nullable.
+    public CameraPreviewSample()
+#pragma warning restore CS8618 // Non-nullable field must contain a non-null value when exiting constructor. Consider declaring as nullable.
+    {
+        this.InitializeComponent();
+        this.Loaded += this.CameraPreviewSample_Loaded;
+        semaphoreSlim = new SemaphoreSlim(1);
+       
+    }
+
+    private void CameraPreviewSample_Loaded(object sender, RoutedEventArgs e)
+    {
+        Load();
+    }
+
+
+    private async void Load()
+    {
+        // Using a semaphore lock for synchronization.
+        // This method gets called multiple times when accessing the page from Latest Pages
+        // and creates unused duplicate references to Camera and memory leaks.
+        await semaphoreSlim!.WaitAsync();
+
+        var cameraHelper = CameraPreviewControl?.CameraHelper;
+        UnsubscribeFromEvents();
+
+        if (CameraPreviewControl != null)
+        {
+            CameraPreviewControl.PreviewFailed += CameraPreviewControl_PreviewFailed!;
+            await CameraPreviewControl.StartAsync(cameraHelper!);
+            CameraPreviewControl.CameraHelper.FrameArrived += CameraPreviewControl_FrameArrived!;
+        }
+
+            _softwareBitmapSource = new SoftwareBitmapSource();
+            CurrentFrameImage.Source = _softwareBitmapSource;
+
+        semaphoreSlim.Release();
+    }
+
+    protected override void OnNavigatedTo(NavigationEventArgs e)
+    {
+        base.OnNavigatedTo(e);
+#if !WINAPPSDK
+        Application.Current.Suspending += Application_Suspending;
+        Application.Current.Resuming += Application_Resuming;
+#endif
+    }
+
+    protected async override void OnNavigatedFrom(NavigationEventArgs e)
+    {
+        base.OnNavigatedFrom(e);
+#if !WINAPPSDK
+        Application.Current.Suspending -= Application_Suspending;
+        Application.Current.Resuming -= Application_Resuming;
+#endif
+        await CleanUpAsync();
+    }
+
+    private async void Application_Suspending(object sender, SuspendingEventArgs e)
+    {
+        if (Frame?.CurrentSourcePageType == typeof(CameraPreviewSample))
+        {
+            var deferral = e.SuspendingOperation.GetDeferral();
+            await CleanUpAsync();
+            deferral.Complete();
+        }
+    }
+
+    private async void Application_Resuming(object sender, object e)
+    {
+        if (CameraPreviewControl != null)
+        {
+            var cameraHelper = CameraPreviewControl.CameraHelper;
+            CameraPreviewControl.PreviewFailed += CameraPreviewControl_PreviewFailed!;
+            await CameraPreviewControl.StartAsync(cameraHelper);
+            CameraPreviewControl.CameraHelper.FrameArrived += CameraPreviewControl_FrameArrived!;
+        }
+    }
+
+    private void CameraPreviewControl_FrameArrived(object sender, FrameEventArgs e)
+    {
+        _currentVideoFrame = e.VideoFrame;
+    }
+
+    private void CameraPreviewControl_PreviewFailed(object sender, PreviewFailedEventArgs e)
+    {
+        ErrorBar.Message = e.Error;
+        ErrorBar.IsOpen = true;
+    }
+
+
+    private async void CaptureButton_Click(object sender, RoutedEventArgs e)
+    {
+        var softwareBitmap = _currentVideoFrame?.SoftwareBitmap;
+
+        if (softwareBitmap != null)
+        {
+            if (softwareBitmap.BitmapPixelFormat != BitmapPixelFormat.Bgra8 || softwareBitmap.BitmapAlphaMode == BitmapAlphaMode.Straight)
+            {
+                softwareBitmap = SoftwareBitmap.Convert(softwareBitmap, BitmapPixelFormat.Bgra8, BitmapAlphaMode.Premultiplied);
+            }
+
+            await _softwareBitmapSource!.SetBitmapAsync(softwareBitmap);
+        }
+    }
+
+    private void UnsubscribeFromEvents()
+    {
+            if (CameraPreviewControl.CameraHelper != null)
+            {
+                CameraPreviewControl.CameraHelper.FrameArrived -= CameraPreviewControl_FrameArrived!;
+            }
+
+            CameraPreviewControl.PreviewFailed -= CameraPreviewControl_PreviewFailed!;
+    }
+
+    private async Task CleanUpAsync()
+    {
+        UnsubscribeFromEvents();
+
+            CameraPreviewControl.Stop();
+            await CameraPreviewControl.CameraHelper.CleanUpAsync();
+    }
+}
diff --git a/components/CameraPreview/samples/Dependencies.props b/components/CameraPreview/samples/Dependencies.props
new file mode 100644
index 00000000..e622e1df
--- /dev/null
+++ b/components/CameraPreview/samples/Dependencies.props
@@ -0,0 +1,31 @@
+<!--
+    WinUI 2 under UWP uses TargetFramework uap10.0.*
+    WinUI 3 under WinAppSdk uses TargetFramework net6.0-windows10.*
+    However, under Uno-powered platforms, both WinUI 2 and 3 can share the same TargetFramework.
+    
+    MSBuild doesn't play nicely with this out of the box, so we've made it easy for you.
+
+    For .NET Standard packages, you can use the Nuget Package Manager in Visual Studio.
+    For UWP / WinAppSDK / Uno packages, place the package references here.
+-->
+<Project>
+    <!-- WinUI 2 / UWP -->
+    <ItemGroup Condition="'$(IsUwp)' == 'true'">
+        <!-- <PackageReference Include="Microsoft.Toolkit.Uwp.UI.Controls.Primitives" Version="7.1.2"/> -->
+    </ItemGroup>
+
+    <!-- WinUI 2 / Uno -->
+    <ItemGroup Condition="'$(IsUno)' == 'true' AND '$(WinUIMajorVersion)' == '2'">
+        <!-- <PackageReference Include="Uno.Microsoft.Toolkit.Uwp.UI.Controls.Primitives" Version="7.1.11"/> -->
+    </ItemGroup>
+
+    <!-- WinUI 3 / WinAppSdk -->
+    <ItemGroup Condition="'$(IsWinAppSdk)' == 'true'">
+        <!-- <PackageReference Include="CommunityToolkit.WinUI.UI.Controls.Primitives" Version="7.1.2"/> -->
+    </ItemGroup>
+    
+    <!-- WinUI 3 / Uno -->
+    <ItemGroup Condition="'$(IsUno)' == 'true' AND '$(WinUIMajorVersion)' == '3'">
+        <!-- <PackageReference Include="Uno.CommunityToolkit.WinUI.UI.Controls.Primitives" Version="7.1.100-dev.15.g12261e2626"/> -->
+    </ItemGroup>
+</Project>
diff --git a/components/CameraPreview/src/AdditionalAssemblyInfo.cs b/components/CameraPreview/src/AdditionalAssemblyInfo.cs
new file mode 100644
index 00000000..f3578634
--- /dev/null
+++ b/components/CameraPreview/src/AdditionalAssemblyInfo.cs
@@ -0,0 +1,13 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using System.Runtime.CompilerServices;
+
+// These `InternalsVisibleTo` calls are intended to make it easier for
+// for any internal code to be testable in all the different test projects
+// used with the Labs infrastructure.
+[assembly: InternalsVisibleTo("CameraPreview.Tests.Uwp")]
+[assembly: InternalsVisibleTo("CameraPreview.Tests.WinAppSdk")]
+[assembly: InternalsVisibleTo("CommunityToolkit.Tests.Uwp")]
+[assembly: InternalsVisibleTo("CommunityToolkit.Tests.WinAppSdk")]
diff --git a/components/CameraPreview/src/CameraPreview.Constants.cs b/components/CameraPreview/src/CameraPreview.Constants.cs
new file mode 100644
index 00000000..e8e61652
--- /dev/null
+++ b/components/CameraPreview/src/CameraPreview.Constants.cs
@@ -0,0 +1,21 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace CommunityToolkit.WinUI.Controls;
+
+/// <summary>
+/// Camera Control to preview video. Can subscribe to video frames, software bitmap when they arrive.
+/// </summary>
+public partial class CameraPreview
+{
+    /// <summary>
+    /// Key for the MediaPlayerElement Control inside the Camera Preview Control
+    /// </summary>
+    private const string Preview_MediaPlayerElementControl = "MediaPlayerElementControl";
+
+    /// <summary>
+    /// Key for the Frame Source Group Toggle Button Control inside the Camera Preview Control
+    /// </summary>
+    private const string Preview_FrameSourceGroupButton = "FrameSourceGroupButton";
+}
diff --git a/components/CameraPreview/src/CameraPreview.Events.cs b/components/CameraPreview/src/CameraPreview.Events.cs
new file mode 100644
index 00000000..49eaab27
--- /dev/null
+++ b/components/CameraPreview/src/CameraPreview.Events.cs
@@ -0,0 +1,16 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace CommunityToolkit.WinUI.Controls;
+
+/// <summary>
+/// Camera Control to preview video. Can subscribe to video frames, software bitmap when they arrive.
+/// </summary>
+public partial class CameraPreview
+{
+    /// <summary>
+    /// Event raised when camera preview fails.
+    /// </summary>
+    public event EventHandler<PreviewFailedEventArgs> PreviewFailed;
+}
diff --git a/components/CameraPreview/src/CameraPreview.Properties.cs b/components/CameraPreview/src/CameraPreview.Properties.cs
new file mode 100644
index 00000000..c5af22a6
--- /dev/null
+++ b/components/CameraPreview/src/CameraPreview.Properties.cs
@@ -0,0 +1,37 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace CommunityToolkit.WinUI.Controls;
+
+/// <summary>
+/// Camera Control to preview video. Can subscribe to video frames, software bitmap when they arrive.
+/// </summary>
+public partial class CameraPreview
+{
+    /// <summary>
+    /// Using a DependencyProperty as the backing store for <see cref="IsFrameSourceGroupButtonVisible "/>.  This enables animation, styling, binding, etc...
+    /// </summary>
+    public static readonly DependencyProperty IsFrameSourceGroupButtonVisibleProperty =
+        DependencyProperty.Register(nameof(IsFrameSourceGroupButtonVisible), typeof(bool), typeof(CameraPreview), new PropertyMetadata(true, IsFrameSourceGroupButtonVisibleChanged));
+
+    /// <summary>
+    /// Gets or sets a value indicating whether Frame Source Group Button is visible or not
+    /// </summary>
+    public bool IsFrameSourceGroupButtonVisible
+    {
+        get { return (bool)GetValue(IsFrameSourceGroupButtonVisibleProperty); }
+        set { SetValue(IsFrameSourceGroupButtonVisibleProperty, value); }
+    }
+
+    private static void IsFrameSourceGroupButtonVisibleChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+    {
+        if (d is CameraPreview cameraPreview)
+        {
+            if (cameraPreview._frameSourceGroupButton != null)
+            {
+                cameraPreview.SetFrameSourceGroupButtonVisibility();
+            }
+        }
+    }
+}
diff --git a/components/CameraPreview/src/CameraPreview.cs b/components/CameraPreview/src/CameraPreview.cs
new file mode 100644
index 00000000..629a8c4a
--- /dev/null
+++ b/components/CameraPreview/src/CameraPreview.cs
@@ -0,0 +1,194 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using Windows.Media.Capture.Frames;
+using Windows.Media.Core;
+using Windows.Media.Playback;
+using CommunityToolkit.WinUI.Helpers;
+
+namespace CommunityToolkit.WinUI.Controls;
+
+/// Camera Control to preview video. Can subscribe to video frames, software bitmap when they arrive.
+/// </summary>
+[TemplatePart(Name = Preview_MediaPlayerElementControl, Type = typeof(MediaPlayerElement))]
+[TemplatePart(Name = Preview_FrameSourceGroupButton, Type = typeof(Button))]
+public partial class CameraPreview : Control
+{
+    private CameraHelper _cameraHelper;
+    private MediaPlayer _mediaPlayer;
+    private MediaPlayerElement _mediaPlayerElementControl;
+    private Button _frameSourceGroupButton;
+
+    private IReadOnlyList<MediaFrameSourceGroup> _frameSourceGroups;
+
+    private bool IsFrameSourceGroupButtonAvailable => _frameSourceGroups != null && _frameSourceGroups.Count > 1;
+
+    /// <summary>
+    /// Gets Camera Helper
+    /// </summary>
+    public CameraHelper CameraHelper { get => _cameraHelper; private set => _cameraHelper = value; }
+
+    /// <summary>
+    /// Initialize control with a default CameraHelper instance for video preview and frame capture.
+    /// </summary>
+    /// <returns>A <see cref="Task"/> representing the asynchronous operation.</returns>
+    public async Task StartAsync()
+    {
+        await StartAsync(new CameraHelper());
+    }
+
+    /// <summary>
+    /// Initialize control with a CameraHelper instance for video preview and frame capture.
+    /// </summary>
+    /// <param name="cameraHelper"><see cref="CameraHelper"/></param>
+    /// <returns>A <see cref="Task"/> representing the asynchronous operation.</returns>
+    public async Task StartAsync(CameraHelper cameraHelper)
+    {
+        if (cameraHelper == null)
+        {
+            cameraHelper = new CameraHelper();
+        }
+
+        _cameraHelper = cameraHelper;
+        _frameSourceGroups = await CameraHelper.GetFrameSourceGroupsAsync();
+
+        // UI controls exist and are initialized
+        if (_mediaPlayerElementControl != null)
+        {
+            await InitializeAsync();
+        }
+    }
+
+    /// <summary>
+    /// Initializes a new instance of the <see cref="CameraPreview"/> class.
+    /// </summary>
+#pragma warning disable CS8618 // Non-nullable field must contain a non-null value when exiting constructor. Consider declaring as nullable.
+    public CameraPreview()
+#pragma warning restore CS8618 // Non-nullable field must contain a non-null value when exiting constructor. Consider declaring as nullable.
+    {
+        this.DefaultStyleKey = typeof(CameraPreview);
+    }
+
+    /// <inheritdoc/>
+    protected async override void OnApplyTemplate()
+    {
+        base.OnApplyTemplate();
+
+        if (_frameSourceGroupButton != null)
+        {
+            _frameSourceGroupButton.Click -= FrameSourceGroupButton_ClickAsync;
+        }
+
+        _mediaPlayerElementControl = (MediaPlayerElement)GetTemplateChild(Preview_MediaPlayerElementControl);
+        _frameSourceGroupButton = (Button)GetTemplateChild(Preview_FrameSourceGroupButton);
+
+        if (_frameSourceGroupButton != null)
+        {
+            _frameSourceGroupButton.Click += FrameSourceGroupButton_ClickAsync;
+            _frameSourceGroupButton.IsEnabled = false;
+            _frameSourceGroupButton.Visibility = Visibility.Collapsed;
+        }
+
+        if (_cameraHelper != null)
+        {
+            await InitializeAsync();
+        }
+    }
+
+    private async Task InitializeAsync()
+    {
+        var result = await _cameraHelper.InitializeAndStartCaptureAsync();
+        if (result != CameraHelperResult.Success)
+        {
+            InvokePreviewFailed(result.ToString());
+        }
+
+        SetUIControls(result);
+    }
+
+    private async void FrameSourceGroupButton_ClickAsync(object sender, RoutedEventArgs e)
+    {
+        var oldGroup = _cameraHelper.FrameSourceGroup;
+        var currentIndex = _frameSourceGroups.Select((grp, index) => new { grp, index }).First(v => v.grp.Id == oldGroup.Id).index;
+        var newIndex = currentIndex < (_frameSourceGroups.Count - 1) ? currentIndex + 1 : 0;
+        var group = _frameSourceGroups[newIndex];
+        _frameSourceGroupButton.IsEnabled = false;
+        _cameraHelper.FrameSourceGroup = group;
+        await InitializeAsync();
+    }
+
+    private void InvokePreviewFailed(string error)
+    {
+        EventHandler<PreviewFailedEventArgs> handler = PreviewFailed;
+        handler?.Invoke(this, new PreviewFailedEventArgs { Error = error });
+    }
+
+    private void SetMediaPlayerSource()
+    {
+        try
+        {
+            var frameSource = _cameraHelper?.PreviewFrameSource;
+            if (frameSource != null)
+            {
+                if (_mediaPlayer == null)
+                {
+                    _mediaPlayer = new MediaPlayer
+                    {
+                        AutoPlay = true,
+                        RealTimePlayback = true
+                    };
+                }
+
+                _mediaPlayer.Source = MediaSource.CreateFromMediaFrameSource(frameSource);
+                _mediaPlayerElementControl.SetMediaPlayer(_mediaPlayer);
+            }
+        }
+        catch (Exception ex)
+        {
+            InvokePreviewFailed(ex.Message);
+        }
+    }
+
+    private void SetUIControls(CameraHelperResult result)
+    {
+        var success = result == CameraHelperResult.Success;
+        if (success)
+        {
+            SetMediaPlayerSource();
+        }
+        else
+        {
+            _mediaPlayerElementControl.SetMediaPlayer(null);
+        }
+
+        _frameSourceGroupButton.IsEnabled = IsFrameSourceGroupButtonAvailable;
+        SetFrameSourceGroupButtonVisibility();
+    }
+
+    private void SetFrameSourceGroupButtonVisibility()
+    {
+        _frameSourceGroupButton.Visibility = IsFrameSourceGroupButtonAvailable && IsFrameSourceGroupButtonVisible
+                                                            ? Visibility.Visible
+                                                            : Visibility.Collapsed;
+    }
+
+    /// <summary>
+    /// Stops preview.
+    /// </summary>
+    public void Stop()
+    {
+        if (_mediaPlayerElementControl != null)
+        {
+            _mediaPlayerElementControl.SetMediaPlayer(null);
+        }
+
+        if (_mediaPlayer != null)
+        {
+            _mediaPlayer.Dispose();
+#pragma warning disable CS8625 // Cannot convert null literal to non-nullable reference type.
+            _mediaPlayer = null;
+#pragma warning restore CS8625 // Cannot convert null literal to non-nullable reference type.
+        }
+    }
+}
diff --git a/components/CameraPreview/src/CameraPreview.xaml b/components/CameraPreview/src/CameraPreview.xaml
new file mode 100644
index 00000000..22ae4e13
--- /dev/null
+++ b/components/CameraPreview/src/CameraPreview.xaml
@@ -0,0 +1,23 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:local="using:CommunityToolkit.WinUI.Controls">
+
+    <Style TargetType="local:CameraPreview">
+        <Setter Property="Background" Value="{ThemeResource ControlOnImageFillColorDefaultBrush}" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="local:CameraPreview">
+                    <Grid Background="{TemplateBinding Background}">
+                        <MediaPlayerElement x:Name="MediaPlayerElementControl" />
+                        <Button x:Name="FrameSourceGroupButton"
+                                Margin="8"
+                                HorizontalAlignment="Right"
+                                VerticalAlignment="Top">
+                            <FontIcon Glyph="&#xE89E;" />
+                        </Button>
+                    </Grid>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+</ResourceDictionary>
diff --git a/components/CameraPreview/src/CommunityToolkit.WinUI.Controls.CameraPreview.csproj b/components/CameraPreview/src/CommunityToolkit.WinUI.Controls.CameraPreview.csproj
new file mode 100644
index 00000000..e28e9474
--- /dev/null
+++ b/components/CameraPreview/src/CommunityToolkit.WinUI.Controls.CameraPreview.csproj
@@ -0,0 +1,17 @@
+<Project Sdk="MSBuild.Sdk.Extras/3.0.23">
+  <PropertyGroup>
+    <ToolkitComponentName>CameraPreview</ToolkitComponentName>
+    <Description>This package contains CameraPreview.</Description>
+    <Version>0.0.1</Version>
+
+    <!-- Rns suffix is required for namespaces shared across projects. See https://github.com/CommunityToolkit/Labs-Windows/issues/152 -->
+    <RootNamespace>CommunityToolkit.WinUI.Controls.CameraPreviewRns</RootNamespace>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <ProjectReference Include="$(ToolkitHelperSourceProject)"/>
+  </ItemGroup>
+
+  <!-- Sets this up as a toolkit component's source project -->
+  <Import Project="$(ToolingDirectory)\ToolkitComponent.SourceProject.props" />
+</Project>
diff --git a/components/CameraPreview/src/Dependencies.props b/components/CameraPreview/src/Dependencies.props
new file mode 100644
index 00000000..e622e1df
--- /dev/null
+++ b/components/CameraPreview/src/Dependencies.props
@@ -0,0 +1,31 @@
+<!--
+    WinUI 2 under UWP uses TargetFramework uap10.0.*
+    WinUI 3 under WinAppSdk uses TargetFramework net6.0-windows10.*
+    However, under Uno-powered platforms, both WinUI 2 and 3 can share the same TargetFramework.
+    
+    MSBuild doesn't play nicely with this out of the box, so we've made it easy for you.
+
+    For .NET Standard packages, you can use the Nuget Package Manager in Visual Studio.
+    For UWP / WinAppSDK / Uno packages, place the package references here.
+-->
+<Project>
+    <!-- WinUI 2 / UWP -->
+    <ItemGroup Condition="'$(IsUwp)' == 'true'">
+        <!-- <PackageReference Include="Microsoft.Toolkit.Uwp.UI.Controls.Primitives" Version="7.1.2"/> -->
+    </ItemGroup>
+
+    <!-- WinUI 2 / Uno -->
+    <ItemGroup Condition="'$(IsUno)' == 'true' AND '$(WinUIMajorVersion)' == '2'">
+        <!-- <PackageReference Include="Uno.Microsoft.Toolkit.Uwp.UI.Controls.Primitives" Version="7.1.11"/> -->
+    </ItemGroup>
+
+    <!-- WinUI 3 / WinAppSdk -->
+    <ItemGroup Condition="'$(IsWinAppSdk)' == 'true'">
+        <!-- <PackageReference Include="CommunityToolkit.WinUI.UI.Controls.Primitives" Version="7.1.2"/> -->
+    </ItemGroup>
+    
+    <!-- WinUI 3 / Uno -->
+    <ItemGroup Condition="'$(IsUno)' == 'true' AND '$(WinUIMajorVersion)' == '3'">
+        <!-- <PackageReference Include="Uno.CommunityToolkit.WinUI.UI.Controls.Primitives" Version="7.1.100-dev.15.g12261e2626"/> -->
+    </ItemGroup>
+</Project>
diff --git a/components/CameraPreview/src/MultiTarget.props b/components/CameraPreview/src/MultiTarget.props
new file mode 100644
index 00000000..18f6c7c9
--- /dev/null
+++ b/components/CameraPreview/src/MultiTarget.props
@@ -0,0 +1,9 @@
+<Project>
+    <PropertyGroup>
+        <!--
+          MultiTarget is a custom property that indicates which target a project is designed to be built for / run on.
+          Used to create project references, generate solution files, enable/disable TargetFrameworks, and build nuget packages.
+        -->
+        <MultiTarget>uwp;wasdk;</MultiTarget>
+    </PropertyGroup>
+</Project>
diff --git a/components/CameraPreview/src/PreviewFailedEventArgs.cs b/components/CameraPreview/src/PreviewFailedEventArgs.cs
new file mode 100644
index 00000000..851a69ac
--- /dev/null
+++ b/components/CameraPreview/src/PreviewFailedEventArgs.cs
@@ -0,0 +1,16 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace CommunityToolkit.WinUI.Controls;
+
+/// <summary>
+/// PreviewFailed Event Args
+/// </summary>
+public class PreviewFailedEventArgs : EventArgs
+{
+    /// <summary>
+    /// Gets error information about failure
+    /// </summary>
+    public string? Error { get; internal set; }
+}
diff --git a/components/CameraPreview/src/Themes/Generic.xaml b/components/CameraPreview/src/Themes/Generic.xaml
new file mode 100644
index 00000000..86709b58
--- /dev/null
+++ b/components/CameraPreview/src/Themes/Generic.xaml
@@ -0,0 +1,9 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:controls="using:CommunityToolkit.WinUI.Controls">
+
+    <ResourceDictionary.MergedDictionaries>
+        <ResourceDictionary Source="ms-appx:///CommunityToolkit.WinUI.Controls.CameraPreview/CameraPreview.xaml" />
+    </ResourceDictionary.MergedDictionaries>
+
+</ResourceDictionary>
diff --git a/components/CameraPreview/tests/CameraPreview.Tests.projitems b/components/CameraPreview/tests/CameraPreview.Tests.projitems
new file mode 100644
index 00000000..0fd9008e
--- /dev/null
+++ b/components/CameraPreview/tests/CameraPreview.Tests.projitems
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <MSBuildAllProjects Condition="'$(MSBuildVersion)' == '' Or '$(MSBuildVersion)' &lt; '16.0'">$(MSBuildAllProjects);$(MSBuildThisFileFullPath)</MSBuildAllProjects>
+    <HasSharedItems>true</HasSharedItems>
+    <SharedGUID>E4B3B38E-CB22-4C76-8906-018E2191DA41</SharedGUID>
+  </PropertyGroup>
+  <PropertyGroup Label="Configuration">
+    <Import_RootNamespace>CameraPreviewExperiment.Tests</Import_RootNamespace>
+  </PropertyGroup>
+  <ItemGroup>
+    <Compile Include="$(MSBuildThisFileDirectory)ExampleCameraPreviewTestClass.cs" />
+    <Compile Include="$(MSBuildThisFileDirectory)ExampleCameraPreviewTestPage.xaml.cs">
+      <DependentUpon>ExampleCameraPreviewTestPage.xaml</DependentUpon>
+    </Compile>
+  </ItemGroup>
+  <ItemGroup>
+    <Page Include="$(MSBuildThisFileDirectory)ExampleCameraPreviewTestPage.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+  </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/components/CameraPreview/tests/CameraPreview.Tests.shproj b/components/CameraPreview/tests/CameraPreview.Tests.shproj
new file mode 100644
index 00000000..ef467af8
--- /dev/null
+++ b/components/CameraPreview/tests/CameraPreview.Tests.shproj
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="15.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup Label="Globals">
+    <ProjectGuid>E4B3B38E-CB22-4C76-8906-018E2191DA41</ProjectGuid>
+    <MinimumVisualStudioVersion>14.0</MinimumVisualStudioVersion>
+  </PropertyGroup>
+  <Import Project="$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props" Condition="Exists('$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props')" />
+  <Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\CodeSharing\Microsoft.CodeSharing.Common.Default.props" />
+  <Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\CodeSharing\Microsoft.CodeSharing.Common.props" />
+  <PropertyGroup />
+  <Import Project="CameraPreview.Tests.projitems" Label="Shared" />
+  <Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\CodeSharing\Microsoft.CodeSharing.CSharp.targets" />
+</Project>
diff --git a/components/CameraPreview/tests/ExampleCameraPreviewTestClass.cs b/components/CameraPreview/tests/ExampleCameraPreviewTestClass.cs
new file mode 100644
index 00000000..16a10150
--- /dev/null
+++ b/components/CameraPreview/tests/ExampleCameraPreviewTestClass.cs
@@ -0,0 +1,134 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using CommunityToolkit.Tooling.TestGen;
+using CommunityToolkit.Tests;
+using CommunityToolkit.WinUI.Controls;
+
+namespace CameraPreviewExperiment.Tests;
+
+[TestClass]
+public partial class ExampleCameraPreviewTestClass : VisualUITestBase
+{
+    // If you don't need access to UI objects directly or async code, use this pattern.
+    [TestMethod]
+    public void SimpleSynchronousExampleTest()
+    {
+        var assembly = typeof(CameraPreview).Assembly;
+        var type = assembly.GetType(typeof(CameraPreview).FullName ?? string.Empty);
+
+        Assert.IsNotNull(type, "Could not find CameraPreview type.");
+        Assert.AreEqual(typeof(CameraPreview), type, "Type of CameraPreview does not match expected type.");
+    }
+
+    // If you don't need access to UI objects directly, use this pattern.
+    [TestMethod]
+    public async Task SimpleAsyncExampleTest()
+    {
+        await Task.Delay(250);
+
+        Assert.IsTrue(true);
+    }
+
+    // Example that shows how to check for exception throwing.
+    [TestMethod]
+    public void SimpleExceptionCheckTest()
+    {
+        // If you need to check exceptions occur for invalid inputs, etc...
+        // Use Assert.ThrowsException to limit the scope to where you expect the error to occur.
+        // Otherwise, using the ExpectedException attribute could swallow or
+        // catch other issues in setup code.
+        Assert.ThrowsException<NotImplementedException>(() => throw new NotImplementedException());
+    }
+
+    // The UIThreadTestMethod automatically dispatches to the UI for us to work with UI objects.
+    [UIThreadTestMethod]
+    public void SimpleUIAttributeExampleTest()
+    {
+        var component = new CameraPreview();
+        Assert.IsNotNull(component);
+    }
+
+    // The UIThreadTestMethod can also easily grab a XAML Page for us by passing its type as a parameter.
+    // This lets us actually test a control as it would behave within an actual application.
+    // The page will already be loaded by the time your test is called.
+    [UIThreadTestMethod]
+    public void SimpleUIExamplePageTest(ExampleCameraPreviewTestPage page)
+    {
+        // You can use the Toolkit Visual Tree helpers here to find the component by type or name:
+        var component = page.FindDescendant<CameraPreview_ClassicBinding>();
+
+        Assert.IsNotNull(component);
+
+        var componentByName = page.FindDescendant("CameraPreviewControl");
+
+        Assert.IsNotNull(componentByName);
+    }
+
+    // You can still do async work with a UIThreadTestMethod as well.
+    [UIThreadTestMethod]
+    public async Task SimpleAsyncUIExamplePageTest(ExampleCameraPreviewTestPage page)
+    {
+        // This helper can be used to wait for a rendering pass to complete.
+        // Note, this is already done by loading a Page with the [UIThreadTestMethod] helper.
+        await CompositionTargetHelper.ExecuteAfterCompositionRenderingAsync(() => { });
+
+        var component = page.FindDescendant<CameraPreview_ClassicBinding>();
+
+        Assert.IsNotNull(component);
+    }
+
+    //// ----------------------------- ADVANCED TEST SCENARIOS -----------------------------
+
+    // If you need to use DataRow, you can use this pattern with the UI dispatch still.
+    // Otherwise, checkout the UIThreadTestMethod attribute above.
+    // See https://github.com/CommunityToolkit/Labs-Windows/issues/186
+    [TestMethod]
+    public async Task ComplexAsyncUIExampleTest()
+    {
+        await EnqueueAsync(() =>
+        {
+            var component = new CameraPreview_ClassicBinding();
+            Assert.IsNotNull(component);
+        });
+    }
+
+    // If you want to load other content not within a XAML page using the UIThreadTestMethod above.
+    // Then you can do that using the Load/UnloadTestContentAsync methods.
+    [TestMethod]
+    public async Task ComplexAsyncLoadUIExampleTest()
+    {
+        await EnqueueAsync(async () =>
+        {
+            var component = new CameraPreview_ClassicBinding();
+            Assert.IsNotNull(component);
+            Assert.IsFalse(component.IsLoaded);
+
+            await LoadTestContentAsync(component);
+
+            Assert.IsTrue(component.IsLoaded);
+
+            await UnloadTestContentAsync(component);
+
+            Assert.IsFalse(component.IsLoaded);
+        });
+    }
+
+    // You can still use the UIThreadTestMethod to remove the extra layer for the dispatcher as well:
+    [UIThreadTestMethod]
+    public async Task ComplexAsyncLoadUIExampleWithoutDispatcherTest()
+    {
+        var component = new CameraPreview_ClassicBinding();
+        Assert.IsNotNull(component);
+        Assert.IsFalse(component.IsLoaded);
+
+        await LoadTestContentAsync(component);
+
+        Assert.IsTrue(component.IsLoaded);
+
+        await UnloadTestContentAsync(component);
+
+        Assert.IsFalse(component.IsLoaded);
+    }
+}
diff --git a/components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml b/components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml
new file mode 100644
index 00000000..843e3a7c
--- /dev/null
+++ b/components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml
@@ -0,0 +1,14 @@
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<Page x:Class="CameraPreviewExperiment.Tests.ExampleCameraPreviewTestPage"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
+      mc:Ignorable="d">
+
+    <Grid>
+        <controls:CameraPreview_ClassicBinding x:Name="CameraPreviewControl" />
+    </Grid>
+</Page>
diff --git a/components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml.cs b/components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml.cs
new file mode 100644
index 00000000..9d95ff57
--- /dev/null
+++ b/components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml.cs
@@ -0,0 +1,16 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace CameraPreviewExperiment.Tests;
+
+/// <summary>
+/// An empty page that can be used on its own or navigated to within a Frame.
+/// </summary>
+public sealed partial class ExampleCameraPreviewTestPage : Page
+{
+    public ExampleCameraPreviewTestPage()
+    {
+        this.InitializeComponent();
+    }
+}

From 37ab96e6412b5936fd8576d28bbac0062e579944 Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Fri, 26 May 2023 14:23:52 +0200
Subject: [PATCH 03/11] Indention

---
 components/CameraPreview/samples/CameraPreviewSample.xaml.cs | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/CameraPreview/samples/CameraPreviewSample.xaml.cs b/components/CameraPreview/samples/CameraPreviewSample.xaml.cs
index 4f011bb0..0936f765 100644
--- a/components/CameraPreview/samples/CameraPreviewSample.xaml.cs
+++ b/components/CameraPreview/samples/CameraPreviewSample.xaml.cs
@@ -38,7 +38,6 @@ private void CameraPreviewSample_Loaded(object sender, RoutedEventArgs e)
         Load();
     }
 
-
     private async void Load()
     {
         // Using a semaphore lock for synchronization.
@@ -56,8 +55,8 @@ private async void Load()
             CameraPreviewControl.CameraHelper.FrameArrived += CameraPreviewControl_FrameArrived!;
         }
 
-            _softwareBitmapSource = new SoftwareBitmapSource();
-            CurrentFrameImage.Source = _softwareBitmapSource;
+        _softwareBitmapSource = new SoftwareBitmapSource();
+        CurrentFrameImage.Source = _softwareBitmapSource;
 
         semaphoreSlim.Release();
     }

From 12a66e9688f33fd988d905e95a6788292b9b4b7b Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Fri, 26 May 2023 17:06:53 +0200
Subject: [PATCH 04/11] Bump version number

---
 .../src/CommunityToolkit.WinUI.Controls.CameraPreview.csproj    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/CameraPreview/src/CommunityToolkit.WinUI.Controls.CameraPreview.csproj b/components/CameraPreview/src/CommunityToolkit.WinUI.Controls.CameraPreview.csproj
index e28e9474..ad0c9fe2 100644
--- a/components/CameraPreview/src/CommunityToolkit.WinUI.Controls.CameraPreview.csproj
+++ b/components/CameraPreview/src/CommunityToolkit.WinUI.Controls.CameraPreview.csproj
@@ -2,7 +2,7 @@
   <PropertyGroup>
     <ToolkitComponentName>CameraPreview</ToolkitComponentName>
     <Description>This package contains CameraPreview.</Description>
-    <Version>0.0.1</Version>
+    <Version>8.0.0-beta.1</Version>
 
     <!-- Rns suffix is required for namespaces shared across projects. See https://github.com/CommunityToolkit/Labs-Windows/issues/152 -->
     <RootNamespace>CommunityToolkit.WinUI.Controls.CameraPreviewRns</RootNamespace>

From a906b0dccdec0382b518da5cfd998d89be265f3c Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Fri, 26 May 2023 17:08:13 +0200
Subject: [PATCH 05/11] Suppressing warnings

---
 components/Helpers/src/CameraHelper/CameraHelper.cs   | 4 ++++
 components/Helpers/src/CameraHelper/FrameEventArgs.cs | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/components/Helpers/src/CameraHelper/CameraHelper.cs b/components/Helpers/src/CameraHelper/CameraHelper.cs
index a3c8cc8a..45622e9a 100644
--- a/components/Helpers/src/CameraHelper/CameraHelper.cs
+++ b/components/Helpers/src/CameraHelper/CameraHelper.cs
@@ -13,10 +13,14 @@ namespace CommunityToolkit.WinUI.Helpers;
 /// Helper class for capturing frames from available camera sources.
 /// Make sure you have the capability webcam enabled for your app to access the device's camera.
 /// </summary>
+#pragma warning disable CA1063 // Implement IDisposable Correctly
 public class CameraHelper : IDisposable
+#pragma warning restore CA1063 // Implement IDisposable Correctly
 {
     private static IReadOnlyList<MediaFrameSourceGroup>? _frameSourceGroups;
+#pragma warning disable CA2213 // Disposable fields should be disposed
     private readonly SemaphoreSlim _semaphoreSlim = new SemaphoreSlim(1);
+#pragma warning restore CA2213 // Disposable fields should be disposed
     private MediaCapture? _mediaCapture;
     private MediaFrameReader? _frameReader;
     private MediaFrameSourceGroup? _group;
diff --git a/components/Helpers/src/CameraHelper/FrameEventArgs.cs b/components/Helpers/src/CameraHelper/FrameEventArgs.cs
index a090e1db..a83bea71 100644
--- a/components/Helpers/src/CameraHelper/FrameEventArgs.cs
+++ b/components/Helpers/src/CameraHelper/FrameEventArgs.cs
@@ -10,7 +10,9 @@ namespace CommunityToolkit.WinUI.Helpers;
 /// <summary>
 /// Provides data for the <see cref="CameraHelper.FrameArrived"/> event.
 /// </summary>
+#pragma warning disable CA1001 // Types that own disposable fields should be disposable
 public class FrameEventArgs : EventArgs
+#pragma warning restore CA1001 // Types that own disposable fields should be disposable
 {
     private readonly SemaphoreSlim _semaphore = new SemaphoreSlim(1);
     private VideoFrame? _videoFrame;

From 8074bf94dbd59d2779996978c91726498749e0a3 Mon Sep 17 00:00:00 2001
From: Arlo Godfrey <arlo.godfrey@outlook.com>
Date: Fri, 26 May 2023 12:52:22 -0500
Subject: [PATCH 06/11] Suppressed CA1063

---
 tooling | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tooling b/tooling
index f5ca2c47..5c67cdda 160000
--- a/tooling
+++ b/tooling
@@ -1 +1 @@
-Subproject commit f5ca2c47036a84d2c3d5983c8b17008daac39a45
+Subproject commit 5c67cddaae90c86846af0b41490dbd9372b8cac4

From bdadcd3658965dd4e8489a55a534bf918e7fbaaa Mon Sep 17 00:00:00 2001
From: Arlo Godfrey <arlo.godfrey@outlook.com>
Date: Fri, 26 May 2023 13:39:58 -0500
Subject: [PATCH 07/11] Suppress CA1001

---
 tooling | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tooling b/tooling
index 5c67cdda..d0838415 160000
--- a/tooling
+++ b/tooling
@@ -1 +1 @@
-Subproject commit 5c67cddaae90c86846af0b41490dbd9372b8cac4
+Subproject commit d0838415b47e91e730d917f6b6554eb75ea07ef1

From 378e40ba4fb44c8cd235e0e9f16dcc7bde378a81 Mon Sep 17 00:00:00 2001
From: Arlo Godfrey <arlo.godfrey@outlook.com>
Date: Fri, 26 May 2023 15:18:51 -0500
Subject: [PATCH 08/11] Removed unused tests

---
 .../tests/CameraPreview.Tests.projitems       |  12 --
 .../tests/ExampleCameraPreviewTestClass.cs    | 134 ------------------
 .../tests/ExampleCameraPreviewTestPage.xaml   |  14 --
 .../ExampleCameraPreviewTestPage.xaml.cs      |  16 ---
 4 files changed, 176 deletions(-)
 delete mode 100644 components/CameraPreview/tests/ExampleCameraPreviewTestClass.cs
 delete mode 100644 components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml
 delete mode 100644 components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml.cs

diff --git a/components/CameraPreview/tests/CameraPreview.Tests.projitems b/components/CameraPreview/tests/CameraPreview.Tests.projitems
index 0fd9008e..68b9c977 100644
--- a/components/CameraPreview/tests/CameraPreview.Tests.projitems
+++ b/components/CameraPreview/tests/CameraPreview.Tests.projitems
@@ -8,16 +8,4 @@
   <PropertyGroup Label="Configuration">
     <Import_RootNamespace>CameraPreviewExperiment.Tests</Import_RootNamespace>
   </PropertyGroup>
-  <ItemGroup>
-    <Compile Include="$(MSBuildThisFileDirectory)ExampleCameraPreviewTestClass.cs" />
-    <Compile Include="$(MSBuildThisFileDirectory)ExampleCameraPreviewTestPage.xaml.cs">
-      <DependentUpon>ExampleCameraPreviewTestPage.xaml</DependentUpon>
-    </Compile>
-  </ItemGroup>
-  <ItemGroup>
-    <Page Include="$(MSBuildThisFileDirectory)ExampleCameraPreviewTestPage.xaml">
-      <SubType>Designer</SubType>
-      <Generator>MSBuild:Compile</Generator>
-    </Page>
-  </ItemGroup>
 </Project>
\ No newline at end of file
diff --git a/components/CameraPreview/tests/ExampleCameraPreviewTestClass.cs b/components/CameraPreview/tests/ExampleCameraPreviewTestClass.cs
deleted file mode 100644
index 16a10150..00000000
--- a/components/CameraPreview/tests/ExampleCameraPreviewTestClass.cs
+++ /dev/null
@@ -1,134 +0,0 @@
-// Licensed to the .NET Foundation under one or more agreements.
-// The .NET Foundation licenses this file to you under the MIT license.
-// See the LICENSE file in the project root for more information.
-
-using CommunityToolkit.Tooling.TestGen;
-using CommunityToolkit.Tests;
-using CommunityToolkit.WinUI.Controls;
-
-namespace CameraPreviewExperiment.Tests;
-
-[TestClass]
-public partial class ExampleCameraPreviewTestClass : VisualUITestBase
-{
-    // If you don't need access to UI objects directly or async code, use this pattern.
-    [TestMethod]
-    public void SimpleSynchronousExampleTest()
-    {
-        var assembly = typeof(CameraPreview).Assembly;
-        var type = assembly.GetType(typeof(CameraPreview).FullName ?? string.Empty);
-
-        Assert.IsNotNull(type, "Could not find CameraPreview type.");
-        Assert.AreEqual(typeof(CameraPreview), type, "Type of CameraPreview does not match expected type.");
-    }
-
-    // If you don't need access to UI objects directly, use this pattern.
-    [TestMethod]
-    public async Task SimpleAsyncExampleTest()
-    {
-        await Task.Delay(250);
-
-        Assert.IsTrue(true);
-    }
-
-    // Example that shows how to check for exception throwing.
-    [TestMethod]
-    public void SimpleExceptionCheckTest()
-    {
-        // If you need to check exceptions occur for invalid inputs, etc...
-        // Use Assert.ThrowsException to limit the scope to where you expect the error to occur.
-        // Otherwise, using the ExpectedException attribute could swallow or
-        // catch other issues in setup code.
-        Assert.ThrowsException<NotImplementedException>(() => throw new NotImplementedException());
-    }
-
-    // The UIThreadTestMethod automatically dispatches to the UI for us to work with UI objects.
-    [UIThreadTestMethod]
-    public void SimpleUIAttributeExampleTest()
-    {
-        var component = new CameraPreview();
-        Assert.IsNotNull(component);
-    }
-
-    // The UIThreadTestMethod can also easily grab a XAML Page for us by passing its type as a parameter.
-    // This lets us actually test a control as it would behave within an actual application.
-    // The page will already be loaded by the time your test is called.
-    [UIThreadTestMethod]
-    public void SimpleUIExamplePageTest(ExampleCameraPreviewTestPage page)
-    {
-        // You can use the Toolkit Visual Tree helpers here to find the component by type or name:
-        var component = page.FindDescendant<CameraPreview_ClassicBinding>();
-
-        Assert.IsNotNull(component);
-
-        var componentByName = page.FindDescendant("CameraPreviewControl");
-
-        Assert.IsNotNull(componentByName);
-    }
-
-    // You can still do async work with a UIThreadTestMethod as well.
-    [UIThreadTestMethod]
-    public async Task SimpleAsyncUIExamplePageTest(ExampleCameraPreviewTestPage page)
-    {
-        // This helper can be used to wait for a rendering pass to complete.
-        // Note, this is already done by loading a Page with the [UIThreadTestMethod] helper.
-        await CompositionTargetHelper.ExecuteAfterCompositionRenderingAsync(() => { });
-
-        var component = page.FindDescendant<CameraPreview_ClassicBinding>();
-
-        Assert.IsNotNull(component);
-    }
-
-    //// ----------------------------- ADVANCED TEST SCENARIOS -----------------------------
-
-    // If you need to use DataRow, you can use this pattern with the UI dispatch still.
-    // Otherwise, checkout the UIThreadTestMethod attribute above.
-    // See https://github.com/CommunityToolkit/Labs-Windows/issues/186
-    [TestMethod]
-    public async Task ComplexAsyncUIExampleTest()
-    {
-        await EnqueueAsync(() =>
-        {
-            var component = new CameraPreview_ClassicBinding();
-            Assert.IsNotNull(component);
-        });
-    }
-
-    // If you want to load other content not within a XAML page using the UIThreadTestMethod above.
-    // Then you can do that using the Load/UnloadTestContentAsync methods.
-    [TestMethod]
-    public async Task ComplexAsyncLoadUIExampleTest()
-    {
-        await EnqueueAsync(async () =>
-        {
-            var component = new CameraPreview_ClassicBinding();
-            Assert.IsNotNull(component);
-            Assert.IsFalse(component.IsLoaded);
-
-            await LoadTestContentAsync(component);
-
-            Assert.IsTrue(component.IsLoaded);
-
-            await UnloadTestContentAsync(component);
-
-            Assert.IsFalse(component.IsLoaded);
-        });
-    }
-
-    // You can still use the UIThreadTestMethod to remove the extra layer for the dispatcher as well:
-    [UIThreadTestMethod]
-    public async Task ComplexAsyncLoadUIExampleWithoutDispatcherTest()
-    {
-        var component = new CameraPreview_ClassicBinding();
-        Assert.IsNotNull(component);
-        Assert.IsFalse(component.IsLoaded);
-
-        await LoadTestContentAsync(component);
-
-        Assert.IsTrue(component.IsLoaded);
-
-        await UnloadTestContentAsync(component);
-
-        Assert.IsFalse(component.IsLoaded);
-    }
-}
diff --git a/components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml b/components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml
deleted file mode 100644
index 843e3a7c..00000000
--- a/components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml
+++ /dev/null
@@ -1,14 +0,0 @@
-<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
-<Page x:Class="CameraPreviewExperiment.Tests.ExampleCameraPreviewTestPage"
-      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
-      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-      Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
-      mc:Ignorable="d">
-
-    <Grid>
-        <controls:CameraPreview_ClassicBinding x:Name="CameraPreviewControl" />
-    </Grid>
-</Page>
diff --git a/components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml.cs b/components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml.cs
deleted file mode 100644
index 9d95ff57..00000000
--- a/components/CameraPreview/tests/ExampleCameraPreviewTestPage.xaml.cs
+++ /dev/null
@@ -1,16 +0,0 @@
-// Licensed to the .NET Foundation under one or more agreements.
-// The .NET Foundation licenses this file to you under the MIT license.
-// See the LICENSE file in the project root for more information.
-
-namespace CameraPreviewExperiment.Tests;
-
-/// <summary>
-/// An empty page that can be used on its own or navigated to within a Frame.
-/// </summary>
-public sealed partial class ExampleCameraPreviewTestPage : Page
-{
-    public ExampleCameraPreviewTestPage()
-    {
-        this.InitializeComponent();
-    }
-}

From 13bfed769d50bb1dd1219ede7f153685db641a3a Mon Sep 17 00:00:00 2001
From: Arlo Godfrey <arlo.godfrey@outlook.com>
Date: Fri, 26 May 2023 16:08:17 -0500
Subject: [PATCH 09/11] Sample cleanup

---
 .../Helpers/samples/CameraHelperSample.xaml   | 47 +++++++++----------
 .../samples/CameraHelperSample.xaml.cs        | 40 ++++++++--------
 tooling                                       |  2 +-
 3 files changed, 42 insertions(+), 47 deletions(-)

diff --git a/components/Helpers/samples/CameraHelperSample.xaml b/components/Helpers/samples/CameraHelperSample.xaml
index 2ec8a02d..c2509011 100644
--- a/components/Helpers/samples/CameraHelperSample.xaml
+++ b/components/Helpers/samples/CameraHelperSample.xaml
@@ -1,20 +1,17 @@
 <!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
-<Page x:Class="HelpersExperiment.Samples.CameraHelperSample"
-      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:local="using:HelpersExperiment.Samples"
-      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-      xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
-      mc:Ignorable="d">
+<UserControl x:Class="HelpersExperiment.Samples.CameraHelperSample"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:local="using:HelpersExperiment.Samples"
+             xmlns:muxc="using:Microsoft.UI.Xaml.Controls">
 
     <StackPanel HorizontalAlignment="Center"
-                Orientation="Vertical"
-                Spacing="12">
+	            Orientation="Vertical"
+	            Spacing="12">
         <ComboBox x:Name="FrameSourceGroupCombo"
-                  MinWidth="200"
-                  HorizontalAlignment="Center"
-                  Header="Frame source group">
+		          MinWidth="200"
+		          HorizontalAlignment="Center"
+		          Header="Frame source group">
             <ComboBox.ItemTemplate>
                 <DataTemplate>
                     <TextBlock Text="{Binding DisplayName}" />
@@ -22,22 +19,22 @@
             </ComboBox.ItemTemplate>
         </ComboBox>
         <muxc:InfoBar x:Name="ErrorBar"
-                      Title="Error"
-                      IsOpen="False"
-                      Severity="Error" />
+		              Title="Error"
+		              IsOpen="False"
+		              Severity="Error" />
         <Border Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
-                BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
-                BorderThickness="1"
-                CornerRadius="{StaticResource ControlCornerRadius}">
+		        BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
+		        BorderThickness="1"
+		        CornerRadius="{StaticResource ControlCornerRadius}">
             <Image x:Name="CurrentFrameImage"
-                   Height="300"
-                   MinWidth="360" />
+			       Height="300"
+			       MinWidth="360" />
         </Border>
 
 
         <Button x:Name="CaptureButton"
-                HorizontalAlignment="Center"
-                Click="CaptureButton_Click"
-                Content="Capture video frame" />
+		        HorizontalAlignment="Center"
+		        Click="CaptureButton_Click"
+		        Content="Capture video frame" />
     </StackPanel>
-</Page>
+</UserControl>
diff --git a/components/Helpers/samples/CameraHelperSample.xaml.cs b/components/Helpers/samples/CameraHelperSample.xaml.cs
index b2376592..3acdb45c 100644
--- a/components/Helpers/samples/CameraHelperSample.xaml.cs
+++ b/components/Helpers/samples/CameraHelperSample.xaml.cs
@@ -16,7 +16,7 @@
 namespace HelpersExperiment.Samples;
 
 [ToolkitSample(id: nameof(CameraHelperSample), "CameraHelper", description: $"A sample for showing how to use {nameof(CameraHelper)}.")]
-public sealed partial class CameraHelperSample : Page
+public sealed partial class CameraHelperSample : UserControl
 {
     private CameraHelper _cameraHelper;
     private VideoFrame _currentVideoFrame;
@@ -27,45 +27,43 @@ public CameraHelperSample()
 #pragma warning restore CS8618 // Non-nullable field must contain a non-null value when exiting constructor. Consider declaring as nullable.
     {
         this.InitializeComponent();
-        Init();
+
+        Loaded += CameraHelperSample_Loaded;
+        Unloaded += CameraHelperSample_Unloaded;
     }
 
-    private async void Init()
+    private async void CameraHelperSample_Loaded(object sender, RoutedEventArgs e)
     {
-        _softwareBitmapSource = new SoftwareBitmapSource();
-        CurrentFrameImage.Source = _softwareBitmapSource;
-#if !WINAPPSDK
-        // Application.Current.Suspending += Application_Suspending;
-        // Application.Current.Resuming += Application_Resuming;
-#endif
+        Loaded -= CameraHelperSample_Loaded;
+
+        Setup();
         await InitializeAsync();
     }
 
-    protected override async void OnNavigatedTo(NavigationEventArgs e)
+    private async void CameraHelperSample_Unloaded(object sender, RoutedEventArgs e)
     {
-        base.OnNavigatedTo(e);
+        Unloaded -= CameraHelperSample_Unloaded;
 
-        _softwareBitmapSource = new SoftwareBitmapSource();
-        CurrentFrameImage.Source = _softwareBitmapSource;
 #if !WINAPPSDK
-        Application.Current.Suspending += Application_Suspending;
-        Application.Current.Resuming += Application_Resuming;
+        Application.Current.Suspending -= Application_Suspending;
+        Application.Current.Resuming -= Application_Resuming;
 #endif
-        await InitializeAsync();
+        await CleanUpAsync();
     }
 
-    protected async override void OnNavigatedFrom(NavigationEventArgs e)
+    private void Setup()
     {
+        _softwareBitmapSource = new SoftwareBitmapSource();
+        CurrentFrameImage.Source = _softwareBitmapSource;
 #if !WINAPPSDK
-        Application.Current.Suspending -= Application_Suspending;
-        Application.Current.Resuming -= Application_Resuming;
+        // Application.Current.Suspending += Application_Suspending;
+        // Application.Current.Resuming += Application_Resuming;
 #endif
-        await CleanUpAsync();
     }
 
     private async void Application_Suspending(object sender, SuspendingEventArgs e)
     {
-        if (Frame?.CurrentSourcePageType == typeof(CameraHelperSample))
+        if (IsLoaded)
         {
             var deferral = e.SuspendingOperation.GetDeferral();
             await CleanUpAsync();
diff --git a/tooling b/tooling
index d0838415..f1723d86 160000
--- a/tooling
+++ b/tooling
@@ -1 +1 @@
-Subproject commit d0838415b47e91e730d917f6b6554eb75ea07ef1
+Subproject commit f1723d864103aa891343013238113dd2546a302d

From 4260aa2cca4808601780ef0622171bc166d3fdbe Mon Sep 17 00:00:00 2001
From: Arlo Godfrey <arlo.godfrey@outlook.com>
Date: Fri, 26 May 2023 16:18:55 -0500
Subject: [PATCH 10/11] Ran XAML styler

---
 .../Helpers/samples/CameraHelperSample.xaml   | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/components/Helpers/samples/CameraHelperSample.xaml b/components/Helpers/samples/CameraHelperSample.xaml
index c2509011..435c5684 100644
--- a/components/Helpers/samples/CameraHelperSample.xaml
+++ b/components/Helpers/samples/CameraHelperSample.xaml
@@ -1,4 +1,4 @@
-<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
 <UserControl x:Class="HelpersExperiment.Samples.CameraHelperSample"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -6,12 +6,12 @@
              xmlns:muxc="using:Microsoft.UI.Xaml.Controls">
 
     <StackPanel HorizontalAlignment="Center"
-	            Orientation="Vertical"
-	            Spacing="12">
+                Orientation="Vertical"
+                Spacing="12">
         <ComboBox x:Name="FrameSourceGroupCombo"
-		          MinWidth="200"
-		          HorizontalAlignment="Center"
-		          Header="Frame source group">
+                  MinWidth="200"
+                  HorizontalAlignment="Center"
+                  Header="Frame source group">
             <ComboBox.ItemTemplate>
                 <DataTemplate>
                     <TextBlock Text="{Binding DisplayName}" />
@@ -19,22 +19,22 @@
             </ComboBox.ItemTemplate>
         </ComboBox>
         <muxc:InfoBar x:Name="ErrorBar"
-		              Title="Error"
-		              IsOpen="False"
-		              Severity="Error" />
+                      Title="Error"
+                      IsOpen="False"
+                      Severity="Error" />
         <Border Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
-		        BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
-		        BorderThickness="1"
-		        CornerRadius="{StaticResource ControlCornerRadius}">
+                BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
+                BorderThickness="1"
+                CornerRadius="{StaticResource ControlCornerRadius}">
             <Image x:Name="CurrentFrameImage"
-			       Height="300"
-			       MinWidth="360" />
+                   Height="300"
+                   MinWidth="360" />
         </Border>
 
 
         <Button x:Name="CaptureButton"
-		        HorizontalAlignment="Center"
-		        Click="CaptureButton_Click"
-		        Content="Capture video frame" />
+                HorizontalAlignment="Center"
+                Click="CaptureButton_Click"
+                Content="Capture video frame" />
     </StackPanel>
 </UserControl>

From 0ff4e8afdd7589441f3b916532146c3be1e3d755 Mon Sep 17 00:00:00 2001
From: Arlo Godfrey <arlo.godfrey@outlook.com>
Date: Fri, 26 May 2023 19:05:47 -0500
Subject: [PATCH 11/11] Updated tooling repo to latest main

---
 tooling | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tooling b/tooling
index f1723d86..6bc1f28e 160000
--- a/tooling
+++ b/tooling
@@ -1 +1 @@
-Subproject commit f1723d864103aa891343013238113dd2546a302d
+Subproject commit 6bc1f28e5e3dc5af9432316e700a761fef14a8d2