frontengine-dev 0.0.56__py3-none-any.whl → 0.0.58__py3-none-any.whl

frontengine/ui/menu/help_menu.py

@@ -0,0 +1,25 @@
+from __future__ import annotations
+from typing import TYPE_CHECKING
+
+if TYPE_CHECKING:
+    from frontengine.ui.main_ui import FrontEngineMainUI
+
+from frontengine.utils.browser.browser import open_browser
+from PySide6.QtGui import QAction
+from frontengine.utils.multi_language.language_wrapper import language_wrapper
+
+
+def build_help_menu(ui_we_want_to_set: FrontEngineMainUI) -> None:
+    ui_we_want_to_set.help_menu = ui_we_want_to_set.menu_bar.addMenu(
+        language_wrapper.language_word_dict.get("help_menu_label")
+    )
+    ui_we_want_to_set.help_menu.open_issue_action = QAction(
+        language_wrapper.language_word_dict.get("help_menu_open_issue")
+    )
+    ui_we_want_to_set.help_menu.open_issue_action.triggered.connect(
+        lambda: open_browser("https://github.com/Integration-Automation/FrontEngine/issues")
+    )
+    ui_we_want_to_set.help_menu.addAction(
+        ui_we_want_to_set.help_menu.open_issue_action
+    )
+

frontengine/ui/menu/how_to_menu.py

@@ -0,0 +1,25 @@
+from __future__ import annotations
+from typing import TYPE_CHECKING
+
+from frontengine.utils.browser.browser import open_browser
+
+if TYPE_CHECKING:
+    from frontengine.ui.main_ui import FrontEngineMainUI
+from PySide6.QtGui import QAction
+
+from frontengine.utils.multi_language.language_wrapper import language_wrapper
+
+
+def build_how_to_menu(ui_we_want_to_set: FrontEngineMainUI) -> None:
+    ui_we_want_to_set.how_to_menu = ui_we_want_to_set.menu_bar.addMenu(
+        language_wrapper.language_word_dict.get("doc_menu_label")
+    )
+    ui_we_want_to_set.how_to_menu.open_doc_action = QAction(
+        language_wrapper.language_word_dict.get("doc_menu_open_doc")
+    )
+    ui_we_want_to_set.how_to_menu.open_doc_action.triggered.connect(
+        lambda: open_browser("https://frontengine.readthedocs.io/en/latest/")
+    )
+    ui_we_want_to_set.how_to_menu.addAction(
+        ui_we_want_to_set.how_to_menu.open_doc_action
+    )

frontengine/ui/{main → menu}/language_menu.py

@@ -3,7 +3,7 @@ from __future__ import annotations
 from typing import TYPE_CHECKING
 
 if TYPE_CHECKING:
-    from frontengine.ui.main.main_ui import FrontEngineMainUI
+    from frontengine.ui.main_ui import FrontEngineMainUI
 from PySide6.QtGui import QAction
 from PySide6.QtWidgets import QMessageBox
 
@@ -12,26 +12,26 @@ from frontengine.utils.multi_language.language_wrapper import language_wrapper
 
 
 def build_language_menu(ui_we_want_to_set: FrontEngineMainUI) -> None:
-    ui_we_want_to_set.menu_bar.language_menu = ui_we_want_to_set.menu_bar.addMenu(
+    ui_we_want_to_set.language_menu = ui_we_want_to_set.menu_bar.addMenu(
         language_wrapper.language_word_dict.get("menu_bar_language")
     )
-    ui_we_want_to_set.menu_bar.language_menu.change_to_english_language_action = QAction(
+    ui_we_want_to_set.language_menu.change_to_english_language_action = QAction(
         language_wrapper.language_word_dict.get("language_menu_bar_english")
     )
-    ui_we_want_to_set.menu_bar.language_menu.change_to_english_language_action.triggered.connect(
+    ui_we_want_to_set.language_menu.change_to_english_language_action.triggered.connect(
         lambda: set_language("English", ui_we_want_to_set)
     )
-    ui_we_want_to_set.menu_bar.language_menu.change_to_traditional_chinese_language_action = QAction(
+    ui_we_want_to_set.language_menu.change_to_traditional_chinese_language_action = QAction(
         language_wrapper.language_word_dict.get("language_menu_bar_traditional_chinese")
     )
-    ui_we_want_to_set.menu_bar.language_menu.change_to_traditional_chinese_language_action.triggered.connect(
+    ui_we_want_to_set.language_menu.change_to_traditional_chinese_language_action.triggered.connect(
         lambda: set_language("Traditional_Chinese", ui_we_want_to_set)
     )
-    ui_we_want_to_set.menu_bar.language_menu.addAction(
-        ui_we_want_to_set.menu_bar.language_menu.change_to_english_language_action
+    ui_we_want_to_set.language_menu.addAction(
+        ui_we_want_to_set.language_menu.change_to_english_language_action
     )
-    ui_we_want_to_set.menu_bar.language_menu.addAction(
-        ui_we_want_to_set.menu_bar.language_menu.change_to_traditional_chinese_language_action
+    ui_we_want_to_set.language_menu.addAction(
+        ui_we_want_to_set.language_menu.change_to_traditional_chinese_language_action
     )
 
 

frontengine/ui/{setting → page}/control_center/control_center_ui.py

@@ -2,14 +2,13 @@ from PySide6.QtCore import QTimer, Qt
 from PySide6.QtWidgets import QGridLayout, QWidget, QPushButton, QTextEdit, QScrollArea
 
 from frontengine.ui.color.global_color import error_color, output_color
-from frontengine.ui.setting.chat.chat_scene_setting import ChatSceneUI
-from frontengine.ui.setting.gif.gif_setting_ui import GIFSettingUI
-from frontengine.ui.setting.image.image_setting_ui import ImageSettingUI
-from frontengine.ui.setting.scene_setting.scene_setting_ui import SceneSettingUI
-from frontengine.ui.setting.sound_player.sound_player_setting_ui import SoundPlayerSettingUI
-from frontengine.ui.setting.text.text_setting_ui import TextSettingUI
-from frontengine.ui.setting.video.video_setting_ui import VideoSettingUI
-from frontengine.ui.setting.web.web_setting_ui import WEBSettingUI
+from frontengine.ui.page.gif.gif_setting_ui import GIFSettingUI
+from frontengine.ui.page.image.image_setting_ui import ImageSettingUI
+from frontengine.ui.page.scene_setting.scene_setting_ui import SceneSettingUI
+from frontengine.ui.page.sound_player.sound_player_setting_ui import SoundPlayerSettingUI
+from frontengine.ui.page.text.text_setting_ui import TextSettingUI
+from frontengine.ui.page.video.video_setting_ui import VideoSettingUI
+from frontengine.ui.page.web.web_setting_ui import WEBSettingUI
 from frontengine.utils.logging.loggin_instance import front_engine_logger
 from frontengine.utils.multi_language.language_wrapper import language_wrapper
 from frontengine.utils.redirect_manager.redirect_manager_class import redirect_manager_instance
@@ -25,8 +24,7 @@ class ControlCenterUI(QWidget):
             gif_setting_ui: GIFSettingUI,
             sound_player_setting_ui: SoundPlayerSettingUI,
             text_setting_ui: TextSettingUI,
-            scene_setting_ui: SceneSettingUI,
-            chat_scene_ui: ChatSceneUI
+            scene_setting_ui: SceneSettingUI
     ):
         super().__init__()
         # Layout
@@ -41,7 +39,6 @@ class ControlCenterUI(QWidget):
         self.sound_player_setting_ui = sound_player_setting_ui
         self.text_setting_ui = text_setting_ui
         self.scene_setting_ui = scene_setting_ui
-        self.chat_scene_ui = chat_scene_ui
         # Close video widget
         self.clear_video_button = QPushButton(
             language_wrapper.language_word_dict.get("control_center_close_all_video")
@@ -116,7 +113,7 @@ class ControlCenterUI(QWidget):
         self.redirect_timer.setInterval(10)
         self.redirect_timer.timeout.connect(self.redirect)
         self.redirect_timer.start()
-        # redirect_manager_instance.set_redirect(self, True)
+        redirect_manager_instance.set_redirect(self, True)
 
     def clear_video(self) -> None:
         front_engine_logger.info("clear_video")
@@ -148,11 +145,7 @@ class ControlCenterUI(QWidget):
 
     def clear_scene(self) -> None:
         front_engine_logger.info("clear_scene")
-        self.scene_setting_ui.scene_control_setting.close_scene()
-
-    def clear_chat(self):
-        front_engine_logger.info("clear_chat")
-        self.chat_scene_ui.close_chat_ui()
+        self.scene_setting_ui.close_scene()
 
     def clear_all(self) -> None:
         front_engine_logger.info("clear_all")
@@ -162,7 +155,7 @@ class ControlCenterUI(QWidget):
         self.gif_setting_ui.gif_widget_list.clear()
         self.sound_player_setting_ui.sound_widget_list.clear()
         self.text_setting_ui.text_widget_list.clear()
-        self.scene_setting_ui.scene_control_setting.close_scene()
+        self.scene_setting_ui.close_scene()
 
     def redirect(self) -> None:
         if not redirect_manager_instance.std_out_queue.empty():

frontengine/ui/{setting → page}/gif/gif_setting_ui.py

@@ -1,10 +1,11 @@
 from PySide6.QtCore import Qt
-from PySide6.QtGui import QScreen
+from PySide6.QtGui import QGuiApplication
 from PySide6.QtWidgets import QWidget, QGridLayout, QLabel, QSlider, QPushButton, QMessageBox, \
-    QCheckBox
+    QCheckBox, QDialog
 
 from frontengine.show.gif.paint_gif import GifWidget
 from frontengine.ui.dialog.choose_file_dialog import choose_gif
+from frontengine.ui.page.utils import monitor_choose_dialog
 from frontengine.utils.logging.loggin_instance import front_engine_logger
 from frontengine.utils.multi_language.language_wrapper import language_wrapper
 
@@ -19,7 +20,7 @@ class GIFSettingUI(QWidget):
         self.setAttribute(Qt.WidgetAttribute.WA_DeleteOnClose)
         # Init variable
         self.gif_widget_list = list()
-        self.show_all_screen = True
+        self.show_all_screen = False
         self.ready_to_play = False
         # Opacity setting
         self.opacity_slider = QSlider()
@@ -103,15 +104,26 @@ class GIFSettingUI(QWidget):
             message_box.show()
         else:
             front_engine_logger.info("start_play_gif")
-            if self.show_all_screen:
+            monitors = QGuiApplication.screens()
+            if self.show_all_screen is False and len(monitors) <= 1:
                 gif_widget = self._create_gif_widget()
                 gif_widget.showFullScreen()
+            elif self.show_all_screen is False and len(monitors) >= 2:
+                input_dialog, combobox = monitor_choose_dialog(self, monitors)
+                result = input_dialog.exec_()
+                if result == QDialog.DialogCode.Accepted:
+                    select_monitor_index = int(combobox.currentText())
+                    if len(monitors) > select_monitor_index:
+                        monitor = monitors[select_monitor_index]
+                        gif_widget = self._create_gif_widget()
+                        gif_widget.setScreen(monitor)
+                        gif_widget.move(monitor.availableGeometry().topLeft())
+                        gif_widget.showFullScreen()
             else:
-                monitors = QScreen.virtualSiblings(self.screen())
-                for screen in monitors:
-                    monitor = screen.availableGeometry()
+                for monitor in monitors:
                     gif_widget = self._create_gif_widget()
-                    gif_widget.move(monitor.left(), monitor.top())
+                    gif_widget.setScreen(monitor)
+                    gif_widget.move(monitor.availableGeometry().topLeft())
                     gif_widget.showFullScreen()
 
     def choose_and_copy_file_to_cwd_gif_dir_then_play(self) -> None:

frontengine/ui/{setting → page}/image/image_setting_ui.py

@@ -1,10 +1,11 @@
 from PySide6.QtCore import Qt
-from PySide6.QtGui import QScreen
+from PySide6.QtGui import QScreen, QGuiApplication
 from PySide6.QtWidgets import QWidget, QGridLayout, QSlider, QLabel, QPushButton, QMessageBox, \
-    QCheckBox
+    QCheckBox, QDialog
 
 from frontengine.show.image.paint_image import ImageWidget
 from frontengine.ui.dialog.choose_file_dialog import choose_image
+from frontengine.ui.page.utils import monitor_choose_dialog
 from frontengine.utils.logging.loggin_instance import front_engine_logger
 from frontengine.utils.multi_language.language_wrapper import language_wrapper
 
@@ -88,15 +89,26 @@ class ImageSettingUI(QWidget):
             message_box.show()
         else:
             front_engine_logger.info("start_play_image")
-            if self.show_all_screen:
+            monitors = QGuiApplication.screens()
+            if self.show_all_screen is False and len(monitors) <= 1:
                 image_widget = self._create_image_widget()
                 image_widget.showFullScreen()
+            elif self.show_all_screen is False and len(monitors) >= 2:
+                input_dialog, combobox = monitor_choose_dialog(self, monitors)
+                result = input_dialog.exec_()
+                if result == QDialog.DialogCode.Accepted:
+                    select_monitor_index = int(combobox.currentText())
+                    if len(monitors) > select_monitor_index:
+                        monitor = monitors[select_monitor_index]
+                        gif_widget = self._create_image_widget()
+                        gif_widget.setScreen(monitor)
+                        gif_widget.move(monitor.availableGeometry().topLeft())
+                        gif_widget.showFullScreen()
             else:
-                monitors = QScreen.virtualSiblings(self.screen())
-                for screen in monitors:
-                    monitor = screen.availableGeometry()
+                for monitor in monitors:
                     image_widget = self._create_image_widget()
-                    image_widget.move(monitor.left(), monitor.top())
+                    image_widget.setScreen(monitor)
+                    image_widget.move(monitor.availableGeometry().topLeft())
                     image_widget.showFullScreen()
 
     def choose_and_copy_file_to_cwd_image_dir_then_play(self) -> None:

frontengine/ui/page/scene_setting/scene_manager.py

@@ -0,0 +1,96 @@
+import json
+
+from PySide6.QtCore import Qt
+from PySide6.QtGui import QGuiApplication
+from PySide6.QtWidgets import QWidget, QGridLayout, QPlainTextEdit, QPushButton, QCheckBox, QDialog
+
+from frontengine.show.scene.extend_graphic_view import ExtendGraphicView
+from frontengine.ui.page.utils import monitor_choose_dialog
+from frontengine.user_setting.scene_setting import choose_scene_json, write_scene_file, scene_json
+from frontengine.utils.multi_language.language_wrapper import language_wrapper
+
+
+class SceneManagerUI(QWidget):
+
+    def __init__(self, scene_manager):
+        super().__init__()
+        self.setAttribute(Qt.WidgetAttribute.WA_DeleteOnClose)
+        self.grid_layout = QGridLayout()
+        self.grid_layout.setContentsMargins(0, 0, 0, 0)
+        self.scene = scene_manager
+        self.show_all_screen = False
+        # Read and write scene json button
+        self.read_scene_json_button = QPushButton(language_wrapper.language_word_dict.get("scene_input"))
+        self.read_scene_json_button.clicked.connect(self.update_scene_json)
+        self.write_scene_json_button = QPushButton(language_wrapper.language_word_dict.get("scene_output"))
+        self.write_scene_json_button.clicked.connect(lambda: write_scene_file(self))
+        # Json plaintext
+        self.json_plaintext = QPlainTextEdit()
+        self.json_plaintext.setReadOnly(True)
+        self.json_plaintext.appendPlainText("{}")
+        # Start button
+        self.start_button = QPushButton(
+            language_wrapper.language_word_dict.get("scene_start")
+        )
+        self.start_button.clicked.connect(self.start_scene)
+        # Show on all screen
+        self.show_on_all_screen_checkbox = QCheckBox(
+            language_wrapper.language_word_dict.get("Show on all screen")
+        )
+        self.show_on_all_screen_checkbox.clicked.connect(self.set_show_all_screen)
+        # Add to layout
+        self.grid_layout.addWidget(self.json_plaintext, 0, 0, -1, -1)
+        self.grid_layout.addWidget(self.read_scene_json_button, 1, 0)
+        self.grid_layout.addWidget(self.write_scene_json_button, 1, 1)
+        self.grid_layout.addWidget(self.show_on_all_screen_checkbox, 2, 0)
+        self.grid_layout.addWidget(self.start_button, 3, 0, 1, 0)
+        self.setLayout(self.grid_layout)
+
+    def set_show_all_screen(self) -> None:
+        self.show_all_screen = self.show_on_all_screen_checkbox.isChecked()
+
+    def start_scene(self):
+        scene: dict = json.loads(self.json_plaintext.toPlainText())
+        scene_add_function = {
+            "TEXT": self.scene.add_text,
+            "IMAGE": self.scene.add_image,
+            "GIF": self.scene.add_gif,
+            "SOUND": self.scene.add_sound,
+            "VIDEO": self.scene.add_video,
+            "WEB": self.scene.add_web
+        }
+        for scene_dict in scene.values():
+            scene_widget_type = scene_dict.get("type")
+            function = scene_add_function.get(scene_widget_type)
+            function(setting_dict=scene_dict)
+        monitors = QGuiApplication.screens()
+        if self.show_all_screen is False and len(monitors) <= 1:
+            graphic_view = ExtendGraphicView(self.scene.graphic_scene)
+            self.scene.view_list.append(graphic_view)
+            graphic_view.showMaximized()
+        elif self.show_all_screen is False and len(monitors) >= 2:
+            input_dialog, combobox = monitor_choose_dialog(self, monitors)
+            result = input_dialog.exec_()
+            if result == QDialog.DialogCode.Accepted:
+                select_monitor_index = int(combobox.currentText())
+                if len(monitors) > select_monitor_index:
+                    monitor = monitors[select_monitor_index]
+                    graphic_view = ExtendGraphicView(self.scene.graphic_scene)
+                    graphic_view.setScreen(monitor)
+                    graphic_view.move(monitor.availableGeometry().topLeft())
+                    self.scene.view_list.append(graphic_view)
+                    graphic_view.showMaximized()
+        else:
+            for monitor in monitors:
+                graphic_view = ExtendGraphicView(self.scene.graphic_scene)
+                graphic_view.setScreen(monitor)
+                graphic_view.move(monitor.availableGeometry().topLeft())
+                self.scene.view_list.append(graphic_view)
+                graphic_view.showMaximized()
+
+    def update_scene_json(self):
+        choose_scene_json(self)
+        self.renew_json_plain_text()
+
+    def renew_json_plain_text(self):
+        self.json_plaintext.setPlainText(json.dumps(scene_json, indent=4))

frontengine/ui/page/scene_setting/scene_page/gif.py

@@ -0,0 +1,102 @@
+from PySide6.QtCore import Qt
+from PySide6.QtWidgets import QWidget, QGridLayout, QSlider, QLabel, QPushButton, QMessageBox
+
+from frontengine.ui.dialog.choose_file_dialog import choose_gif
+from frontengine.ui.page.scene_setting.scene_manager import SceneManagerUI
+from frontengine.user_setting.scene_setting import scene_json
+from frontengine.utils.multi_language.language_wrapper import language_wrapper
+
+
+class GIFSceneSettingUI(QWidget):
+
+    def __init__(self, script_ui: SceneManagerUI):
+        super().__init__()
+        self.script_ui = script_ui
+        # UI components
+        self.opacity_slider = QSlider()
+        self.opacity_slider.setOrientation(Qt.Orientation.Horizontal)
+        self.opacity_label = QLabel(
+            language_wrapper.language_word_dict.get("Opacity")
+        )
+        self.opacity_slider.setMinimum(1)
+        self.opacity_slider.setMaximum(100)
+        self.opacity_slider.setValue(20)
+        self.opacity_slider.setTickInterval(1)
+        self.opacity_slider_value_label = QLabel(str(self.opacity_slider.value()))
+        self.opacity_slider.actionTriggered.connect(self.opacity_trick)
+        # Speed setting
+        self.speed_label = QLabel(
+            language_wrapper.language_word_dict.get("Speed")
+        )
+        self.speed_slider = QSlider()
+        self.speed_slider.setMinimum(1)
+        self.speed_slider.setMaximum(200)
+        self.speed_slider.setTickInterval(1)
+        self.speed_slider.setValue(100)
+        self.speed_slider_value_label = QLabel(str(self.speed_slider.value()))
+        self.speed_slider.setOrientation(Qt.Orientation.Horizontal)
+        self.speed_slider.actionTriggered.connect(self.speed_trick)
+        # Choose file button
+        self.choose_file_button = QPushButton(
+            language_wrapper.language_word_dict.get("gif_setting_ui_choose_file")
+        )
+        self.choose_file_button.clicked.connect(self.get_gif)
+        self.ready_to_play = False
+        self.ready_label = QLabel(
+            language_wrapper.language_word_dict.get("Not Ready")
+        )
+        self.gif_image_path: [str, None] = None
+        self.update_scene_button = QPushButton(
+            language_wrapper.language_word_dict.get("scene_add_gif")
+        )
+        self.update_scene_button.clicked.connect(self.update_scene_json)
+        # Add to layout
+        self.grid_layout = QGridLayout()
+        self.grid_layout.addWidget(self.opacity_label, 0, 0)
+        self.grid_layout.addWidget(self.opacity_slider_value_label, 0, 1)
+        self.grid_layout.addWidget(self.opacity_slider, 0, 2)
+        self.grid_layout.addWidget(self.speed_label, 1, 0)
+        self.grid_layout.addWidget(self.speed_slider_value_label, 1, 1)
+        self.grid_layout.addWidget(self.speed_slider, 1, 2)
+        self.grid_layout.addWidget(self.choose_file_button, 2, 0)
+        self.grid_layout.addWidget(self.ready_label, 2, 1)
+        self.grid_layout.addWidget(self.update_scene_button, 3, 0)
+        self.setLayout(self.grid_layout)
+
+    def opacity_trick(self) -> None:
+        self.opacity_slider_value_label.setText(str(self.opacity_slider.value()))
+
+    def speed_trick(self) -> None:
+        self.speed_slider_value_label.setText(str(self.speed_slider.value()))
+
+    def get_gif(self):
+        self.ready_label.setText(
+            language_wrapper.language_word_dict.get("Not Ready")
+        )
+        self.ready_to_play = False
+        self.gif_image_path = choose_gif(self)
+        if self.gif_image_path is not None:
+            self.ready_label.setText(
+                language_wrapper.language_word_dict.get("Ready")
+            )
+            self.ready_to_play = True
+
+    def update_scene_json(self):
+        if self.gif_image_path is None:
+            message_box = QMessageBox(self)
+            message_box.setText(
+                language_wrapper.language_word_dict.get('not_prepare')
+            )
+            message_box.show()
+        else:
+            scene_json.update(
+                {
+                    f"{len(scene_json)}": {
+                        "type": "GIF",
+                        "file_path": self.gif_image_path,
+                        "opacity": self.opacity_slider.value(),
+                        "speed": self.speed_slider.value()
+                    }
+                }
+            )
+            self.script_ui.renew_json_plain_text()

frontengine/ui/page/scene_setting/scene_page/image.py

@@ -0,0 +1,83 @@
+from PySide6.QtCore import Qt
+from PySide6.QtWidgets import QWidget, QGridLayout, QPushButton, QLabel, QSlider, QMessageBox
+
+from frontengine.ui.dialog.choose_file_dialog import choose_image
+from frontengine.ui.page.scene_setting.scene_manager import SceneManagerUI
+from frontengine.user_setting.scene_setting import scene_json
+from frontengine.utils.multi_language.language_wrapper import language_wrapper
+
+
+class ImageSceneSettingUI(QWidget):
+
+    def __init__(self, script_ui: SceneManagerUI):
+        super().__init__()
+        self.script_ui = script_ui
+        self.image_path: [str, None] = None
+        self.ready_to_play = False
+        # UI components
+        self.opacity_slider = QSlider()
+        self.opacity_slider.setOrientation(Qt.Orientation.Horizontal)
+        self.opacity_label = QLabel(
+            language_wrapper.language_word_dict.get("Opacity")
+        )
+        self.opacity_slider.setMinimum(1)
+        self.opacity_slider.setMaximum(100)
+        self.opacity_slider.setValue(20)
+        self.opacity_slider.setTickInterval(1)
+        self.opacity_slider_value_label = QLabel(str(self.opacity_slider.value()))
+        self.opacity_slider.actionTriggered.connect(self.opacity_trick)
+        # Choose file button
+        self.choose_file_button = QPushButton(
+            language_wrapper.language_word_dict.get("image_setting_choose_file")
+        )
+        self.choose_file_button.clicked.connect(self.get_image)
+        self.ready_label = QLabel(
+            language_wrapper.language_word_dict.get("Not Ready")
+        )
+        self.update_scene_button = QPushButton(
+            language_wrapper.language_word_dict.get("scene_add_image")
+        )
+        self.update_scene_button.clicked.connect(self.update_scene_json)
+        # Add to layout
+        self.grid_layout = QGridLayout()
+        self.grid_layout.addWidget(self.opacity_label, 0, 0)
+        self.grid_layout.addWidget(self.opacity_slider_value_label, 0, 1)
+        self.grid_layout.addWidget(self.opacity_slider, 0, 2)
+        self.grid_layout.addWidget(self.choose_file_button, 1, 0)
+        self.grid_layout.addWidget(self.ready_label, 1, 1)
+        self.grid_layout.addWidget(self.update_scene_button, 2, 0)
+        self.setLayout(self.grid_layout)
+
+    def opacity_trick(self) -> None:
+        self.opacity_slider_value_label.setText(str(self.opacity_slider.value()))
+
+    def get_image(self):
+        self.ready_label.setText(
+            language_wrapper.language_word_dict.get("Not Ready")
+        )
+        self.ready_to_play = False
+        self.image_path = choose_image(self)
+        if self.image_path is not None:
+            self.ready_label.setText(
+                language_wrapper.language_word_dict.get("Ready")
+            )
+            self.ready_to_play = True
+
+    def update_scene_json(self):
+        if self.image_path is None:
+            message_box = QMessageBox(self)
+            message_box.setText(
+                language_wrapper.language_word_dict.get('not_prepare')
+            )
+            message_box.show()
+        else:
+            scene_json.update(
+                {
+                    f"{len(scene_json)}": {
+                        "type": "IMAGE",
+                        "file_path": self.image_path,
+                        "opacity": self.opacity_slider.value()
+                    }
+                }
+            )
+            self.script_ui.renew_json_plain_text()

frontengine/ui/page/scene_setting/scene_page/sound.py

@@ -0,0 +1,84 @@
+from PySide6.QtCore import Qt
+from PySide6.QtWidgets import QWidget, QGridLayout, QLabel, QPushButton, QSlider, QMessageBox
+
+from frontengine.ui.dialog.choose_file_dialog import choose_player_sound
+from frontengine.ui.page.scene_setting.scene_manager import SceneManagerUI
+from frontengine.user_setting.scene_setting import scene_json
+from frontengine.utils.multi_language.language_wrapper import language_wrapper
+
+
+class SoundSceneSettingUI(QWidget):
+
+    def __init__(self, script_ui: SceneManagerUI):
+        super().__init__()
+        self.script_ui = script_ui
+        self.ready_to_play = False
+        # Volume setting
+        self.volume_label = QLabel(
+            language_wrapper.language_word_dict.get("Volume")
+        )
+        self.volume_slider = QSlider()
+        self.volume_slider.setMinimum(1)
+        self.volume_slider.setMaximum(100)
+        self.volume_slider.setTickInterval(1)
+        self.volume_slider.setValue(100)
+        self.volume_slider_value_label = QLabel(str(self.volume_slider.value()))
+        self.volume_slider.setOrientation(Qt.Orientation.Horizontal)
+        self.volume_slider.actionTriggered.connect(self.volume_trick)
+        # Choose file button
+        self.player_sound_path: [str, None] = None
+        # Choose file button
+        self.choose_player_file_button = QPushButton(
+            language_wrapper.language_word_dict.get("sound_player_setting_choose_sound_file")
+        )
+        self.choose_player_file_button.clicked.connect(self.get_sound)
+        # Ready label and variable
+        self.player_ready_label = QLabel(
+            language_wrapper.language_word_dict.get("Not Ready")
+        )
+        self.update_scene_button = QPushButton(
+            language_wrapper.language_word_dict.get("scene_add_sound")
+        )
+        self.update_scene_button.clicked.connect(self.update_scene_json)
+        self.grid_layout = QGridLayout()
+        self.grid_layout.addWidget(self.volume_label, 0, 0)
+        self.grid_layout.addWidget(self.volume_slider_value_label, 0, 1)
+        self.grid_layout.addWidget(self.volume_slider, 0, 2)
+        self.grid_layout.addWidget(self.choose_player_file_button, 1, 0)
+        self.grid_layout.addWidget(self.player_ready_label, 1, 1)
+        self.grid_layout.addWidget(self.update_scene_button, 2, 0)
+        self.setLayout(self.grid_layout)
+
+    def volume_trick(self) -> None:
+        self.volume_slider_value_label.setText(str(self.volume_slider.value()))
+
+    def get_sound(self) -> None:
+        self.player_ready_label.setText(
+            language_wrapper.language_word_dict.get("Not Ready")
+        )
+        self.ready_to_play = False
+        self.player_sound_path = choose_player_sound(self)
+        if self.player_sound_path is not None:
+            self.player_ready_label.setText(
+                language_wrapper.language_word_dict.get("Ready")
+            )
+            self.ready_to_play = True
+
+    def update_scene_json(self):
+        if self.player_sound_path is None:
+            message_box = QMessageBox(self)
+            message_box.setText(
+                language_wrapper.language_word_dict.get('not_prepare')
+            )
+            message_box.show()
+        else:
+            scene_json.update(
+                {
+                    f"{len(scene_json)}": {
+                        "type": "SOUND",
+                        "file_path": self.player_sound_path,
+                        "volume": self.volume_slider.value()
+                    }
+                }
+            )
+            self.script_ui.renew_json_plain_text()