- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
Deviens membre Premium magic_button
Débloque cette session en devenant Membre Premium 🚀
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte person00:00:00 :Dans cette partie on va s'attaquer à la création des widgets pour notre lecteur multimédia.Donc j'ai mon projet ici PyPlayer qui est ouvert à l'intérieur de PyCharmet je suis dans le fichier MainWindow, donc pour l'instant j'ai juste fait un SetWindowTitlepour changer le titre de la fenêtre.
00:00:16 :Donc à l'intérieur de ce fichier on va commencer par importer deux autres modules ici, donc tout en haut,qui vont nous permettre de créer les widgets pour notre lecteur multimédia.
00:00:27 :Alors c'est séparé en deux modules, alors je ne sais pas pourquoi ils n'ont pas tout mis à l'intérieur du même module,il y a probablement une raison pour ça mais je ne la connais pas.
00:00:34 :Donc on a le premier module qui va être QtMultimedia et l'autre qui va être QtMultimediaWidget.Donc on a les deux modules ici qu'on va devoir utiliser pour créer nos widgets.
00:00:45 :Donc on va se rendre dans cette méthode CreateWidget et le premier widget qu'on va devoir créer c'est un VideoWidget.Donc c'est le widget qui va voir lire notre vidéo.
00:00:55 :Donc je vais faire un attribut que je vais appeler VideoWidget comme ceci et il va être égal à QtMultimediaWidget.Donc celui-ci il se trouve dans cette librairie, donc QtMultimediaWidget et le widget s'appelle QVideoWidget.
00:01:08 :Donc c'est assez long, avec l'autocomplétion heureusement ça complète tout pour nous automatiquement.Ensuite on va avoir le player en tant que tel, donc le MediaPlayer qui lui va se retrouver dans le module QtMultimedia.
00:01:20 :Donc je vais faire un attribut que je vais appeler Self.Player et dans QtMultimedia, donc pas dans MultimediaWidget mais juste Multimedia cette fois-ci,on va aller chercher le QMediaPlayer.
00:01:31 :Donc on a notre widget pour lire la vidéo, on a le player qui va nous permettre de lier le VideoWidget.Donc vous allez voir en fait on va lier les deux ensemble dans quelques instants.
00:01:41 :On va dire en fait que l'output vidéo de notre PlayerMultimedia, donc ce MediaPlayer ici, sera lié à ce VideoWidget.Donc on va faire ça dans quelques instants, pour l'instant on va continuer avec la création de la Toolbar et du menu.
00:02:11 :Et le menu, alors le menu il est inclus directement dans le QMainWindow.Vous voyez ici que j'ai laissé QMainWindow, donc on n'est plus avec un QWidget et on va donc utiliser la barre de menu qui vient directement avec ce QMainWindow.
00:02:24 :Donc cette barre de menu, on va la récupérer avec MenuBar, comme ceci.Donc ça, ça va nous retourner la barre de menu et dans cette barre de menu, on va ajouter un menu puisque par défaut elle est vide.
00:02:41 :Et on va récupérer ça dans un attribut qu'on va appeler Self.FileMenu, tout simplement.Donc ça c'est les 4 widgets dont on a besoin, le WidgetVideo, le PlayerMultimedia, la Toolbar et le menu, donc le FileMenu, dans lequel on va ajouter des options dans les prochaines parties.
00:02:58 :Pour l'instant il va être vide, on va juste avoir le menu Fichier qui va être affiché mais on n'aura rien à l'intérieur.On va ensuite aller dans AddWidgetsToLayout, alors là c'est un petit peu différent, on n'a pas vraiment de layout à créer,puisque c'est là aussi l'intérêt du QMainWindow, c'est qu'en fait par défaut on va juste lui donner un widget qu'on va mettre au centre de la fenêtre
00:03:19 :et on va pouvoir mettre d'autres fenêtres autour de ce widget principal, donc notamment la barre d'outils, la Toolbar,qui va être possible de déplacer, qu'on va pouvoir mettre par exemple au-dessus ou en dessous de notre widget principal.
00:03:31 :Donc pour mettre un widget principal on va utiliser cette CentralWidget et on va lui passer le VideoWidget.La Toolbar on va l'ajouter également avec Self.AddToolbar et on va lui passer notre Toolbar.
00:03:45 :Et pour finir, comme je vous le disais, on va lier le VideoWidget au PlayerMultimedia.Alors je vais le mettre à l'intérieur de cette méthode, ce n'est pas forcément quelque chose qui a rapport avec le layout,mais je me suis dit que c'est là que ça allait le mieux, donc on va le faire ici, donc Self.Player et on va utiliser la méthode SetVideoOutput
00:04:04 :et cette méthode il faut lui passer donc un VideoWidget.Donc je lui passe mon VideoWidget ici qu'on a créé dans la méthode CreateWidget et je le passe à mon PlayerMultimedia ici.
00:04:13 :Donc c'est tout ce qu'on a besoin de faire ici, on a notre barre de menu, notre menu tout court, le PlayerMultimedia et le WidgetVideoqui va nous permettre de lire les vidéos à l'intérieur de notre application.
00:04:23 :Donc on va essayer de lancer l'application pour voir si ça fonctionne.Donc la fenêtre s'ouvre correctement, on a bien le titre ici Pi Player, on retrouve notre barre qui est toute petite pour l'instant puisqu'il n'y a rien dedans,mais vous voyez que je peux déjà la déplacer et la mettre par exemple au-dessus de mon Widget central ou à sa gauche,
00:04:40 :ou je pourrais le mettre aussi en bas ou à droite si je voulais.Et le menu, alors pour l'instant il n'est pas affiché puisqu'on n'a rien ajouté à l'intérieur de ce menu.
00:04:48 :On a créé un menu fichier mais on n'a pas ajouté d'option, donc l'option ouvrir qui va nous permettre d'ouvrir une vidéo,elle n'est pas ajoutée donc par défaut, alors je crois que sur Windows il vous l'affiche,mais sur Mac il me semble que quand le menu est vide il ne l'affiche pas puisque forcément ça n'a pas beaucoup d'intérêt.
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.