Use a VisualBrush to paint the UI with pixels from a MediaElement video.
- [Narrator] In this example,…I'll look at how to take the streaming video…from the media element,…and use that as a brush in my application.…There is no concept of a video brush in WPF,…but remember, that the visual brush…can render any part of the visual tree,…and the media element is part of the visual tree.…Here's how I'll implement my application.…I have a media element here.…Here it is.…It has the source of this Turbines.mov file,…and then in my code behind,…on the button click event handler,…I just call play, so that'll start the video playing.…
The app looks like this.…Now, I'll go over to my UI,…I'll click on the ellipse,…I'll add a visual brush,…where the visual is going to be a binding…to an element named "media one".…Now I'll remove this fill property,…and you can see the first frame of the video is shown here,…and the first frame is now showing on my ellipse.…
Now to make this more dramatic,…I'll copy the ellipse, and paste it in a few more times.…Then run the application.…What this shows is that you can use the visual brush…
Author
Released
1/19/2017- Working with brushes
- Painting properties
- Painting in code
- Working with RGB channels
- Using hexadecimal values
- Setting opacity and transparency
- Editing color in the Visual Studio Color Editor
- Using gradient brushes
- Decorating with tiled brushes
- Adding brushes and colors to resources
- Working with opacity masks
Skill Level Intermediate
Duration
Views
Related Courses
-
Windows Presentation Foundation: 2 Layout
with Walt Ritscher2h 13m Intermediate
-
Introduction
-
Welcome1m 2s
-
Use the exercise files1m 27s
-
-
1. Brush and Color Overview
-
Overview of the brushes5m 58s
-
Examples of the brushes4m 25s
-
The Brush type converter4m 22s
-
-
2. Colors
-
Color and colorspaces3m 45s
-
Work with RGB channels5m 38s
-
Use hexadecimal color values5m 13s
-
Opacity and transparency3m 29s
-
sRGB colorspace3m 7s
-
Use WPF preset colors7m 2s
-
-
3. The Visual Studio Color Editor
-
Basics4m 32s
-
Use the Eyedropper1m 45s
-
-
4. The Gradient Brushes
-
Why use gradients in the UI3m 47s
-
Transform gradients4m 43s
-
-
5. The Tiled Brushes
-
6. Brushes and Colors in Resources
-
Add colors to XAML resources6m 41s
-
Use system color resources3m 16s
-
-
7. Opacity Mask
-
Examples of opacity patterns6m 47s
-
Conclusion
-
Next steps1m 11s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Paint with video using the VisualBrush