 Hi, I'm Jesper, part of the ST TouchDFX team. In this video I would like to show you about video support, a new feature that has been added to the TouchDFX designer 4.18. I have here the new 4.18, and I'll just create a new project based on the simulator. What I'll show you is how to use the video widget, how to interact with it, and how to convert a video file into the right format to be used in TouchDFX. But first let's build our screen. For that I'll add an image as a background. Let's see, there's a style here we can use. Let's call it background. Then let's add the video widget itself, so it's here. So a video widget has a sample of video files that we can choose from in a prototype phase. So let's select this one and center it. Let's try to run the program and see how it looks. So it's here and it's playing. Great. So there are some options here in the properties. So one of them is autoplay, that was why it started playing when the screen enters. We could also have it loop, so run over and over again. If I wanted to choose not a sample, but a video file of my own, I would set it here. I'll do that later in this video. Okay, that was easy, so let's try to make some interaction with the video. This thing is to add a button. So let's have a button here that we could make an interaction with. So let's see here. So I could say when the button is clicked, this button here, then I want to do something with my video and I have a couple of options here. So pause video, play video and stop video. So I could say pause video, compile and see if it works. So we have the video playing and the pause video pauses. Great. Adding yet another button if I want to play it again. So button clicked, button two, action, play video is here. Okay, run again and that should be it. Over here, play, stop. A third option is to instead of have it play, stop the video. So stopping the video will make it go back to frame number one. So when you play it again, it will start from the beginning. Okay, so that's the basic functionality of the video widget. Of course you can do a lot more. So something like seeking within the range of all the frames in the video. All of this can be accessed through user code. You can also stop and start the video and stuff like that from user code, of course. Okay, so the next thing I would like to show you is how to convert a video file of whatever format, so MP4 or something like that, into a motion JPEG AVI file, which is what we need to use to use this video widget in TouchDFX. So what I'll do is I'll open the TouchDFX environment. The shell here. I have downloaded a program called ffmpeg, which is a free tool to convert between different video file formats. Pretty nice tool. So I'll get to that directory. Binary. So this one. It takes a lot of arguments, of course. Some of them I'll show you here. So the input file is an MP4 file I have in this directory. The output format should be motion JPEG. The scale will be one. And the quality. You can give an argument here. I'll say two. It ranges from two onwards and two is the highest quality. This has an impact on the size of the file, of course. The output file. I'll put in the video directory as well. I'll call it the a.avi. Yes, and we see we now have the a.avi file. So if we go back to our application, select the video, and then try to find the file. It's here. And we see that the video is now some sort of coffee beans. That was a very fast introduction to the FFM pack. Play around with it, read the documentation and so on. Or use other tools as well. There's a lot of them out there. And that was what I wanted to show you in this video regarding video support. There's a lot of documentation on this. Naturally, there's a lot of other things you can do with videos in touch with the effects. One big topic is how to get this to run on a STM32-based board. There's some articles on that. You can use the generator to generate a lot of the code you need. But there is some setting up on this. I get something like the buffer scheme used is quite important. So will you use 0, 1 or 2 video buffers when decoding the images? As said, all of this is covered in the documentation. There's some link below also where you can follow and read it directly. That's all from me. Thank you for watching. See you. Bye bye.