CaptureElement CaptureElement CaptureElement CaptureElement Class

Definition

public : sealed class CaptureElement : FrameworkElement, ICaptureElementpublic sealed class CaptureElement : FrameworkElement, ICaptureElementPublic NotInheritable Class CaptureElement Inherits FrameworkElement Implements ICaptureElement// This API is not available in Javascript.

<CaptureElement .../>

Inheritance

DependencyObjectDependencyObjectDependencyObjectDependencyObject

UIElementUIElementUIElementUIElement

FrameworkElementFrameworkElementFrameworkElementFrameworkElement

CaptureElementCaptureElementCaptureElementCaptureElement

Attributes

ActivatableAttribute ContractVersionAttribute MarshalingBehaviorAttribute StaticAttribute ThreadingAttribute WebHostHiddenAttribute

Inherited Members

Inherited properties

Inherited events

Inherited methods

Examples

Here's some code that shows how to capture video from a camera with a MediaCapture control and display the preview with the CaptureElement.

<StackPanel>
    <CaptureElement x:Name="myCaptureElement"         
                    Width="320" Height="240"/>
    <Button Click="Button_Click">Click me to see a preview</Button>
</StackPanel>

// You must specify capabilities for Webcam and Microphone in your
// app manifest for this code to work.

private async void Button_Click(object sender, RoutedEventArgs e) 
{           
    // Using Windows.Media.Capture.MediaCapture APIs 
    // to stream from webcam
    MediaCapture mediaCaptureMgr = new MediaCapture();
    await mediaCaptureMgr.InitializeAsync();

    // Start capture preview.                
    myCaptureElement.Source = mediaCaptureMgr;
    await mediaCaptureMgr.StartPreviewAsync();
}

Remarks

CaptureElement is used in conjunction with the Windows.Media.Capture.MediaCapture API. Make sure your project has specified device capabilities for Webcam and Microphone to use this API. For more info on how to use CaptureElement, see Capture photos and video with MediaCapture.

Use the MediaCapture object to control the stream and set options on the capture device. The CaptureElement is the UI portion of the stream that is associated with the MediaCapture.

You can use at most one CaptureElement to render a stream from a single capture device.

public : CaptureElement()public CaptureElement()Public Sub New()// This API is not available in Javascript.

public : MediaCapture Source { get; set; }public MediaCapture Source { get; set; }Public ReadWrite Property Source As MediaCapture// This API is not available in Javascript.

public : static DependencyProperty SourceProperty { get; }public static DependencyProperty SourceProperty { get; }Public Static ReadOnly Property SourceProperty As DependencyProperty// This API is not available in Javascript.

public : Stretch Stretch { get; set; }public Stretch Stretch { get; set; }Public ReadWrite Property Stretch As Stretch// This API is not available in Javascript.

<CaptureElement Stretch="stretchMemberName" />

public : static DependencyProperty StretchProperty { get; }public static DependencyProperty StretchProperty { get; }Public Static ReadOnly Property StretchProperty As DependencyProperty// This API is not available in Javascript.

See Also

• FrameworkElement FrameworkElement FrameworkElement FrameworkElement
• MediaCapture MediaCapture MediaCapture MediaCapture
• Capture photos and video with MediaCapture
• Media capture sample
• Camera capture UI sample
• Call asynchronous APIs in C# or Visual Basic