Let's create an example of a custom widget and multimedia handling for implementing an Audio Player using PyQt6 and QML. **Topic:** Custom Widgets and Components, Multimedia and Graphics Our application will display a list of songs with their corresponding artist and album information. Each song item will feature a play button that, when clicked, plays the corresponding song. We will design our application using a QML-based UI, and then create a custom widget to handle our player's audio playback. ### Prerequisites * Install PyQt6 and Pydub: `pip install pyqt6 pydub` * Download the required audio files and place them in a directory called `audio_files` in the project directory. ### Project Structure ``` Audio_Player |_____Main.py |_____PlayerWidget.py |_____MainWindow.qml |_____main.qml |_____AudioFiles | |_____song1.mp3 | |_____song2.mp3 | ... |_____icons | |_____play_button.png | |_____pause_button.png ``` ### Audio Player Logic Create a `PlayerWidget.py` with the following content: ```python import sys from PyQt6.QtCore import QObject, pyqtSignal from PyQt6.QtMultimedia import QMediaPlayer, QMediaContent from PyQt6.QtWidgets import QWidget from pydub import AudioSegment from pydub.playback import play import os class PlayerWidget(QObject): playStatusChanged = pyqtSignal(str) def __init__(self, parent=None): QObject.__init__(self, parent) def play_audio(self, audio_file_path): self.playStatusChanged.emit("Playing...") segment = AudioSegment.from_file(audio_file_path) play(segment) self.playStatusChanged.emit("Played") def stop_audio(self): self.playStatusChanged.emit("Stopped") ``` ### QML Interface Create `MainWindow.qml` and `main.qml` with the following content: ```qml // MainWindow.qml import QtQuick 6.0 import QtQuick.Window 6.0 import QtQuick.Controls 6.0 import QtQuick.Layouts 1.0 Window { visible: true width: 600 height: 800 title: "Audio Player" ScrollView { anchors.fill: parent clip: true Rectangle { width: parent.width height: 50 color: "lightgray" Label { text: "Song 1" } MyButton { id: button; label: "Play"; audio_file_path: "qrc:///audio_files/song1.mp3" } } Rectangle { width: parent.width height: 50 color: "lightgray" Label { text: "Song 2" } MyButton { label: "Play"; audio_file_path: "qrc:///audio_files/song2.mp3" } } } } ''' ```qml // main.qml import QtQuick 6.0 import QtQuick.Window 6.0 import My.Controls 1.0 import "qml" Window { visible: true width: 600 height: 800 title: "Audio Player" color: "black" MyButton { id: button; label: "Play"; audio_file_path: "qrc:///audio_files/song1.mp3" } } ``` Create `MyButton.qml` with the following content: ```qml // MyButton.qml import QtQuick 6.0 import QtQuick.Controls 6.0 import QtQuick.Layouts 1.0 import My.PlayerWidget 1.0 Button { width: 50 height: 50 color: "lightgray" property string label: "Play" property string audio_file_path PlayerWidget { id: player onPlayStatusChanged: function(status) { if(status === "Playing...") { label = "Pause" } else { label = "Play" } } Connections { target: player function onPlayStatusChanged() { switch(label) { case "Play": label = "Pause" break case "Pause": label = "Play" break } } } } onClicked: { if(label === "Play") { player.play_audio(audio_file_path) } else if(label === "Pause") { player.stop_audio(audio_file_path) } } } ``` To compile and run the application, you need to first create a main.py file with the following content: ```python import sys from PyQt6.QtCore import QUrl from PyQt6.QtGui import QGuiApplication from PyQt6.QtQml import QQmlApplicationEngine def main(): app = QGuiApplication(sys.argv) engine = QQmlApplicationEngine() engine.load(QUrl("qrc:///main.qml")) if engine.rootObjects(): sys.exit(app.exec()) else: print("Failed to load QML file") sys.exit(-1) if __name__ == "__main__": sys.exit(main()) ``` Add resources to your qrc file which includes all your .qml files. ```qml // Example.qrc <RCC> <qresource prefix="/"> <file>qml/mainwindow.qml</file> <file>qml/main.qml</file> <file>qml/mybutton.qml</file> <file>icons/play_button.png</file> <file>icons/pause_button.png</file> <file>audio_files/song1.mp3</file> <file>audio_files/song2.mp3</file> </qresource> </RCC> ``` **Example Usage:** Open terminal, navigate to your project directory, and run the following command to create an executable file: ```bash pyrcc5 your_qrc_file.qrc -o output_file.py ``` Then, you can run your application: ```bash python3 main.py ``` Now you can play songs by clicking the Play buttons in your application.