1 00:00:01,770 --> 00:00:07,950 I mean, this video, we want to add our play and stop and pause buttons, so head over your Windows 2 00:00:07,950 --> 00:00:17,910 Start menu and just type in file explorer two words, file explo RTR and an icon will pop up and you 3 00:00:17,910 --> 00:00:19,020 should see something like this. 4 00:00:19,020 --> 00:00:22,460 Now navigate to your C drive and find your MP three directory. 5 00:00:22,870 --> 00:00:23,180 Right. 6 00:00:23,250 --> 00:00:23,670 So right. 7 00:00:23,670 --> 00:00:26,110 Click there and you can see here's our player Tappy File. 8 00:00:26,340 --> 00:00:31,170 Now I'm going to right click and I'm going to create a new folder and I'm just going to call this images 9 00:00:31,650 --> 00:00:33,120 and I'm going to right click on here. 10 00:00:33,120 --> 00:00:37,160 And this is where I want to put any images that we're going to use throughout this course. 11 00:00:37,170 --> 00:00:42,570 Now, I think the only images we're going to use are our play buttons, but we want to put them in this 12 00:00:42,570 --> 00:00:43,020 folder. 13 00:00:43,020 --> 00:00:49,500 So I've got some images on my other monitor that you can't see, but I'm going to drag them over here 14 00:00:49,500 --> 00:00:50,910 and drop them in here. 15 00:00:51,210 --> 00:00:52,200 And you could see. 16 00:00:54,700 --> 00:01:01,090 Here they are and you'll see what these look like in just a minute while we can we can do this and basically 17 00:01:01,090 --> 00:01:05,500 play buttons, I just downloaded these from some free image website. 18 00:01:05,500 --> 00:01:06,760 I don't even remember where. 19 00:01:07,090 --> 00:01:11,480 But you can use any images that you want to make sure they're in PNG format. 20 00:01:11,500 --> 00:01:15,430 That's sort of a popular format for images that can also be in JPEG as well. 21 00:01:16,000 --> 00:01:18,880 JPG But PNG is the most popular. 22 00:01:19,030 --> 00:01:24,010 So if you want to use the images that I'm using, head over to your Web browser and go to GitHub dotcom 23 00:01:24,010 --> 00:01:25,870 slash flat planet. 24 00:01:26,470 --> 00:01:29,080 And this is my GitHub repository. 25 00:01:29,090 --> 00:01:30,230 No, I don't think the world is flat. 26 00:01:30,240 --> 00:01:32,020 I just find it hilarious that some people do. 27 00:01:32,240 --> 00:01:33,550 So that's my username here. 28 00:01:33,730 --> 00:01:39,340 If you come over here and click on repositories and then come down here to MP three, now, by the time 29 00:01:39,340 --> 00:01:43,420 you watch this, this may be way down the screen, so you may have to search for it. 30 00:01:43,570 --> 00:01:46,450 As I add new repositories, they get pushed down. 31 00:01:46,720 --> 00:01:48,660 But just go ahead and click on MP three. 32 00:01:48,880 --> 00:01:51,730 This is the GitHub repository for this course. 33 00:01:51,880 --> 00:01:53,590 Here you see our player tappy file. 34 00:01:54,070 --> 00:01:56,590 This is the final version of the player or not py file. 35 00:01:56,590 --> 00:01:58,030 So I wouldn't click on this right now. 36 00:01:58,540 --> 00:02:04,360 But you know, if you want a copy of the code, it's listed there and you can come to this images folder 37 00:02:04,510 --> 00:02:07,210 and you can see here's those, here are those images. 38 00:02:07,210 --> 00:02:14,350 And if you click on each one, you can actually see them now to download these just right click and 39 00:02:14,530 --> 00:02:19,930 on each one of them and click save as or save link as. 40 00:02:21,070 --> 00:02:27,520 And when you do this pops up and you could come down here to this PC and find your C drive and then 41 00:02:27,520 --> 00:02:33,750 navigate to the MP three directory that you've created or the course, and there you go. 42 00:02:33,910 --> 00:02:37,810 And if you've created an images directory, click on it here. 43 00:02:37,810 --> 00:02:39,280 If you haven't yet, you can. 44 00:02:39,280 --> 00:02:39,460 Right? 45 00:02:39,460 --> 00:02:43,810 Click and click new and then folder and then just save it as images like that. 46 00:02:44,040 --> 00:02:46,770 I've already done that, so I'm not going to do that. 47 00:02:47,110 --> 00:02:51,160 But if you've already got your images, either make it or click on it. 48 00:02:51,430 --> 00:02:53,290 And when you do, I've already got these listed here. 49 00:02:53,290 --> 00:02:59,140 But just click save and it'll save it to this directory and then just go back and do the same thing 50 00:02:59,140 --> 00:03:04,110 as save link as save gas, save on gas and just one, two, three, four. 51 00:03:04,120 --> 00:03:07,980 There's five of them, you know, should take you about 10 seconds to do this and then you'll have them. 52 00:03:07,990 --> 00:03:09,370 So that's how to grab these. 53 00:03:09,370 --> 00:03:14,170 If you want to use them, feel free to use any images that you want to search around on the Internet, 54 00:03:14,170 --> 00:03:17,440 find anything you want and be as creative as you want. 55 00:03:17,440 --> 00:03:20,050 Or you can make your own if you know, Photoshop and things like that. 56 00:03:20,240 --> 00:03:21,400 So we go and close this. 57 00:03:21,400 --> 00:03:22,540 We don't need this now. 58 00:03:23,000 --> 00:03:27,970 So once we have the images there, we need to now use them and we want to be able to click on each of 59 00:03:27,970 --> 00:03:30,280 these images and have something happen. 60 00:03:30,280 --> 00:03:34,570 So when we click the play button, we want to make that clickable and then play a song. 61 00:03:34,570 --> 00:03:39,580 So instead of just putting these images on the screen, we want to put them as buttons. 62 00:03:39,790 --> 00:03:41,740 So we need to use button widgets. 63 00:03:41,920 --> 00:03:43,990 And so that's pretty simple as video. 64 00:03:43,990 --> 00:03:46,300 I think otherwise is going to be like ten minutes long. 65 00:03:46,300 --> 00:03:48,310 So I think I'll stop it right here in the next video. 66 00:03:48,310 --> 00:03:49,840 We'll go ahead and make those buttons.