v0.10.0 (#22)

- Summary (f6125144e9df803bac37023b6854f03c30d62a31)


Co-authored-by: Dmitry Ryumin <DmitryRyumin@users.noreply.huggingface.co>

.gradio/certificate.pem

@@ -0,0 +1,31 @@
+-----BEGIN CERTIFICATE-----
+MIIFazCCA1OgAwIBAgIRAIIQz7DSQONZRGPgu2OCiwAwDQYJKoZIhvcNAQELBQAw
+TzELMAkGA1UEBhMCVVMxKTAnBgNVBAoTIEludGVybmV0IFNlY3VyaXR5IFJlc2Vh
+cmNoIEdyb3VwMRUwEwYDVQQDEwxJU1JHIFJvb3QgWDEwHhcNMTUwNjA0MTEwNDM4
+WhcNMzUwNjA0MTEwNDM4WjBPMQswCQYDVQQGEwJVUzEpMCcGA1UEChMgSW50ZXJu
+ZXQgU2VjdXJpdHkgUmVzZWFyY2ggR3JvdXAxFTATBgNVBAMTDElTUkcgUm9vdCBY
+MTCCAiIwDQYJKoZIhvcNAQEBBQADggIPADCCAgoCggIBAK3oJHP0FDfzm54rVygc
+h77ct984kIxuPOZXoHj3dcKi/vVqbvYATyjb3miGbESTtrFj/RQSa78f0uoxmyF+
+0TM8ukj13Xnfs7j/EvEhmkvBioZxaUpmZmyPfjxwv60pIgbz5MDmgK7iS4+3mX6U
+A5/TR5d8mUgjU+g4rk8Kb4Mu0UlXjIB0ttov0DiNewNwIRt18jA8+o+u3dpjq+sW
+T8KOEUt+zwvo/7V3LvSye0rgTBIlDHCNAymg4VMk7BPZ7hm/ELNKjD+Jo2FR3qyH
+B5T0Y3HsLuJvW5iB4YlcNHlsdu87kGJ55tukmi8mxdAQ4Q7e2RCOFvu396j3x+UC
+B5iPNgiV5+I3lg02dZ77DnKxHZu8A/lJBdiB3QW0KtZB6awBdpUKD9jf1b0SHzUv
+KBds0pjBqAlkd25HN7rOrFleaJ1/ctaJxQZBKT5ZPt0m9STJEadao0xAH0ahmbWn
+OlFuhjuefXKnEgV4We0+UXgVCwOPjdAvBbI+e0ocS3MFEvzG6uBQE3xDk3SzynTn
+jh8BCNAw1FtxNrQHusEwMFxIt4I7mKZ9YIqioymCzLq9gwQbooMDQaHWBfEbwrbw
+qHyGO0aoSCqI3Haadr8faqU9GY/rOPNk3sgrDQoo//fb4hVC1CLQJ13hef4Y53CI
+rU7m2Ys6xt0nUW7/vGT1M0NPAgMBAAGjQjBAMA4GA1UdDwEB/wQEAwIBBjAPBgNV
+HRMBAf8EBTADAQH/MB0GA1UdDgQWBBR5tFnme7bl5AFzgAiIyBpY9umbbjANBgkq
+hkiG9w0BAQsFAAOCAgEAVR9YqbyyqFDQDLHYGmkgJykIrGF1XIpu+ILlaS/V9lZL
+ubhzEFnTIZd+50xx+7LSYK05qAvqFyFWhfFQDlnrzuBZ6brJFe+GnY+EgPbk6ZGQ
+3BebYhtF8GaV0nxvwuo77x/Py9auJ/GpsMiu/X1+mvoiBOv/2X/qkSsisRcOj/KK
+NFtY2PwByVS5uCbMiogziUwthDyC3+6WVwW6LLv3xLfHTjuCvjHIInNzktHCgKQ5
+ORAzI4JMPJ+GslWYHb4phowim57iaztXOoJwTdwJx4nLCgdNbOhdjsnvzqvHu7Ur
+TkXWStAmzOVyyghqpZXjFaH3pO3JLF+l+/+sKAIuvtd7u+Nxe5AW0wdeRlN8NwdC
+jNPElpzVmbUq4JUagEiuTDkHzsxHpFKVK7q4+63SM1N95R1NbdWhscdCb+ZAJzVc
+oyi3B43njTOQ5yOf+1CceWxG1bQVs5ZufpsMljq4Ui0/1lvh+wjChP4kqKOJ2qxq
+4RgqsahDYVvTH9w7jXbyLeiNdd8XM2w9U/t7y0Ff/9yi0GE44Za4rF2LN9d11TPA
+mRGunUHBcnWEvgJBQl9nJEiU0Zsnvgc/ubhPgXRR4Xq37Z0j4r7g1SgEEzwxA57d
+emyPxgcYxn/eR44/KJ4EBs+lVDR3veyJm+kXQ99b21/+jh5Xos1AnX5iItreGCc=
+-----END CERTIFICATE-----

README.md

@@ -4,7 +4,7 @@ emoji: 😀🤓😎😉😤
 colorFrom: gray
 colorTo: red
 sdk: gradio
-sdk_version: 5.5.0
+sdk_version: 5.6.0
 app_file: app.py
 pinned: false
 license: mit

app.css

@@ -14,9 +14,8 @@ div.app-flex-container {
     gap: 6px;
 }
 
-div.video-container {
-    height: 350px;
-    max-height: 350px;
+div.media-container {
+    align-items: stretch;
 }
 
 div.video-column-container {
@@ -28,11 +27,17 @@ div.video-sorted-container {
     max-height: 350px;
 }
 
+div.webcam,
 div.files-container {
     height: 350px;
     max-height: 350px;
 }
 
+div.webcam div[data-testid="video"] > div.wrap,
+div.webcam div[data-testid="video"] > div.upload-container {
+    height: 310px;
+}
+
 div.files-container tr {
     padding-right: 20px;
 }
@@ -42,6 +47,8 @@ div.video-sorted-container div.icon-buttons > button {
     display: none;
 }
 
+div.webcam:hover label[data-testid="block-label"],
+div.video-container:hover label[data-testid="block-label"],
 div.files-container:hover label[data-testid="block-label"],
 div.video-container:hover label[data-testid="block-label"],
 div.video-sorted-container:hover label[data-testid="block-label"] {
@@ -58,11 +65,14 @@ div.dataframe div.table-wrap {
     height: auto !important;
 }
 
+div.video-container div.file-preview-holder,
 div.files-container div.file-preview-holder {
     overflow-y: scroll;
     height: 100%;
 }
 
+div.webcam label[data-testid="block-label"],
+div.video-container label[data-testid="block-label"],
 div.files-container label[data-testid="block-label"] {
     position: absolute;
 }

app.py

@@ -12,12 +12,15 @@ from app.config import CONFIG_NAME, config_data, load_tab_creators
 from app.event_handlers.event_handlers import setup_app_event_handlers
 from app import tabs
 from app.components import dropdown_create_ui
+from app.port import is_port_in_use, free_ports
 
 gr.set_static_paths(paths=[config_data.StaticPaths_IMAGES])
 
 
 def create_gradio_app() -> gr.Blocks:
-    with gr.Blocks(css=config_data.AppSettings_CSS_PATH) as gradio_app:
+    with gr.Blocks(
+        theme=gr.themes.Default(), css_paths=config_data.AppSettings_CSS_PATH
+    ) as gradio_app:
         with gr.Column(
             visible=True,
             render=True,
@@ -39,6 +42,7 @@ def create_gradio_app() -> gr.Blocks:
                     visible=True,
                     show_download_button=False,
                     elem_classes="country_flags",
+                    show_fullscreen_button=False,
                 )
 
                 languages = dropdown_create_ui(
@@ -81,4 +85,14 @@ def create_gradio_app() -> gr.Blocks:
 
 
 if __name__ == "__main__":
-    create_gradio_app().queue(api_open=False).launch(share=False)
+    ports_to_check = [config_data.AppSettings_PORT]
+
+    for port in filter(None, ports_to_check):
+        if is_port_in_use(config_data.AppSettings_SERVER_NAME, port):
+            free_ports(port)
+
+    create_gradio_app().queue(api_open=False).launch(
+        share=False,
+        server_name=config_data.AppSettings_SERVER_NAME,
+        server_port=config_data.AppSettings_PORT,
+    )

app/authors.py

@@ -76,7 +76,7 @@ AUTHORS = """
         <a href="https://github.com/DmitryRyumin" style="display: inline-block;">
             <img src="https://github-stats-alpha.vercel.app/api?username=DmitryRyumin&cc=3081F7&tc=FFFFFF&ic=FFFFFF&bc=FFFFFF" alt="" />
         </a>
-        <div style="display: flex; flex-wrap: wrap;">
+        <div style="display: flex; flex-wrap: wrap; align-items: flex-start;">
             <img src="https://custom-icon-badges.demolab.com/badge/dynamic/json?style=flat-square&logo=fire&logoColor=fff&color=orange&label=GitHub%20streak&query=%24.currentStreak.length&suffix=%20days&url=https%3A%2F%2Fstreak-stats.demolab.com%2F%3Fuser%3Ddmitryryumin%26type%3Djson" alt="" style="margin-right: 6px; margin-bottom: 6px;" />
             <img src="https://komarev.com/ghpvc/?username=DmitryRyumin&style=flat-square" alt="" style="margin-bottom: 6px;" />
         </div>

app/components.py

@@ -53,7 +53,7 @@ def video_create_ui(
     show_label: bool = True,
     interactive: bool = False,
     visible: bool = True,
-    elem_classes: Optional[str] = "files-container",
+    elem_classes: Optional[str] = "video-container",
 ) -> gr.Video:
     if file_name is not None:
         label += f" ({file_name})"

app/event_handlers/calculate_practical_tasks.py

@@ -166,7 +166,9 @@ def create_person_metadata(person_id, files, video_metadata):
 
 
 def event_handler_calculate_practical_task_blocks(
+    type_modes,
     files,
+    video,
     practical_subtasks,
     pt_scores,
     dropdown_mbti,
@@ -188,6 +190,9 @@ def event_handler_calculate_practical_task_blocks(
     number_agreeableness,
     number_non_neuroticism,
 ):
+    if type_modes == config_data.Settings_TYPE_MODES[1]:
+        files = [video]
+
     if practical_subtasks.lower() == "16 personality types of mbti":
         df_correlation_coefficients = read_csv_file(config_data.Links_MBTI)
 

app/event_handlers/calculate_pt_scores_blocks.py

@@ -6,6 +6,7 @@ License: MIT License
 """
 
 import gradio as gr
+import pandas as pd
 
 # Importing necessary components for the Gradio app
 from app.oceanai_init import b5
@@ -26,23 +27,37 @@ from app.components import (
 )
 
 
-def event_handler_calculate_pt_scores_blocks(language, files, evt_data: gr.EventData):
+def event_handler_calculate_pt_scores_blocks(
+    language, type_modes, files, video, evt_data: gr.EventData
+):
     _ = evt_data.target.__class__.__name__
 
     lang_id, _ = get_language_settings(language)
 
     out = False
-    b5.get_avt_predictions_gradio(
-        paths=files, url_accuracy="", accuracy=False, lang="en", out=out
-    )
 
-    first_practical_task = next(iter(supported_practical_tasks))
+    try:
+        b5.get_avt_predictions_gradio(
+            paths=(
+                files if type_modes == config_data.Settings_TYPE_MODES[0] else [video]
+            ),
+            url_accuracy="",
+            accuracy=False,
+            lang="en",
+            out=out,
+        )
+    except TypeError:
+        out = True
 
-    if len(b5.df_files_) == 0:
-        gr.Warning(config_data.OtherMessages_CALCULATE_PT_SCORES_ERR)
+    first_practical_task = next(iter(supported_practical_tasks[lang_id]))
+
+    if out or len(b5.df_files_) == 0:
+        gr.Warning(config_data.OtherMessages_CALCULATE_PT_SCORES_ERR[lang_id])
 
         return (
-            html_message(config_data.OtherMessages_CALCULATE_PT_SCORES_ERR, False),
+            html_message(
+                config_data.OtherMessages_CALCULATE_PT_SCORES_ERR[lang_id], False
+            ),
             dataframe(visible=False),
             files_create_ui(
                 None,
@@ -59,23 +74,24 @@ def event_handler_calculate_pt_scores_blocks(language, files, evt_data: gr.Event
             radio_create_ui(
                 first_practical_task,
                 config_data.Labels_PRACTICAL_TASKS_LABEL,
-                list(map(str, supported_practical_tasks.keys())),
-                config_data.InformationMessages_PRACTICAL_TASKS_INFO,
+                list(map(str, supported_practical_tasks[lang_id].keys())),
+                config_data.InformationMessages_PRACTICAL_TASKS_INFO[lang_id],
                 True,
                 True,
             ),
             radio_create_ui(
-                supported_practical_tasks[first_practical_task][0],
-                config_data.Labels_PRACTICAL_SUBTASKS_LABEL,
-                supported_practical_tasks[first_practical_task],
-                config_data.InformationMessages_PRACTICAL_SUBTASKS_INFO,
+                supported_practical_tasks[lang_id][first_practical_task][0],
+                config_data.Labels_PRACTICAL_SUBTASKS_LABEL[lang_id],
+                supported_practical_tasks[lang_id][first_practical_task],
+                config_data.InformationMessages_PRACTICAL_SUBTASKS_INFO[lang_id],
                 True,
                 True,
             ),
             gr.JSON(
                 value={
-                    str(task): supported_practical_tasks.get(task, [None])[0]
-                    for task in supported_practical_tasks.keys()
+                    str(task): supported_practical_tasks[index].get(task, [None])[0]
+                    for index in range(len(supported_practical_tasks))
+                    for task in supported_practical_tasks[index].keys()
                 },
                 visible=False,
                 render=True,
@@ -172,24 +188,25 @@ def event_handler_calculate_pt_scores_blocks(language, files, evt_data: gr.Event
         gr.Column(visible=True),
         radio_create_ui(
             first_practical_task,
-            "Practical tasks",
-            list(map(str, supported_practical_tasks.keys())),
-            config_data.InformationMessages_PRACTICAL_TASKS_INFO,
+            config_data.Labels_PRACTICAL_TASKS_LABEL[lang_id],
+            list(map(str, supported_practical_tasks[lang_id].keys())),
+            config_data.InformationMessages_PRACTICAL_TASKS_INFO[lang_id],
             True,
             True,
         ),
         radio_create_ui(
-            supported_practical_tasks[first_practical_task][0],
-            "Practical subtasks",
-            supported_practical_tasks[first_practical_task],
-            config_data.InformationMessages_PRACTICAL_SUBTASKS_INFO,
+            supported_practical_tasks[lang_id][first_practical_task][0],
+            config_data.Labels_PRACTICAL_SUBTASKS_LABEL[lang_id],
+            supported_practical_tasks[lang_id][first_practical_task],
+            config_data.InformationMessages_PRACTICAL_SUBTASKS_INFO[lang_id],
             True,
             True,
         ),
         gr.JSON(
             value={
-                str(task): supported_practical_tasks.get(task, [None])[0]
-                for task in supported_practical_tasks.keys()
+                str(task): supported_practical_tasks[index].get(task, [None])[0]
+                for index in range(len(supported_practical_tasks))
+                for task in supported_practical_tasks[index].keys()
             },
             visible=False,
             render=True,

app/event_handlers/clear_blocks.py

@@ -25,20 +25,38 @@ from app.components import (
 from app.utils import get_language_settings
 
 
-def event_handler_clear_blocks(language):
+def event_handler_clear_blocks(language, type_modes):
     lang_id, _ = get_language_settings(language)
 
-    first_practical_task = next(iter(supported_practical_tasks))
+    first_practical_task = next(iter(supported_practical_tasks[lang_id]))
 
-    return (
-        html_message(config_data.InformationMessages_NOTI_VIDEOS[lang_id], False),
-        files_create_ui(
+    if type_modes == config_data.Settings_TYPE_MODES[0]:
+        files_ui = files_create_ui(
+            label="{} ({})".format(
+                config_data.OtherMessages_VIDEO_FILES[
+                    config_data.AppSettings_DEFAULT_LANG_ID
+                ],
+                ", ".join(config_data.Settings_SUPPORTED_VIDEO_EXT),
+            ),
+            file_types=[f".{ext}" for ext in config_data.Settings_SUPPORTED_VIDEO_EXT],
+        )
+        webcam = gr.Video(interactive=False, visible=False)
+    elif type_modes == config_data.Settings_TYPE_MODES[1]:
+        files_ui = files_create_ui(
             label="{} ({})".format(
                 config_data.OtherMessages_VIDEO_FILES[lang_id],
                 ", ".join(config_data.Settings_SUPPORTED_VIDEO_EXT),
             ),
             file_types=[f".{ext}" for ext in config_data.Settings_SUPPORTED_VIDEO_EXT],
-        ),
+            interactive=False,
+            visible=False,
+        )
+        webcam = gr.Video(interactive=True, visible=True)
+
+    return (
+        html_message(config_data.InformationMessages_NOTI_VIDEOS[lang_id], False),
+        files_ui,
+        webcam,
         video_create_ui(),
         button(
             config_data.OtherMessages_CALCULATE_PT_SCORES[lang_id],
@@ -71,24 +89,25 @@ def event_handler_clear_blocks(language):
         gr.Column(visible=False),
         radio_create_ui(
             first_practical_task,
-            "Practical tasks",
-            list(map(str, supported_practical_tasks.keys())),
-            config_data.InformationMessages_PRACTICAL_TASKS_INFO,
+            config_data.Labels_PRACTICAL_TASKS_LABEL[lang_id],
+            list(map(str, supported_practical_tasks[lang_id].keys())),
+            config_data.InformationMessages_PRACTICAL_TASKS_INFO[lang_id],
             True,
             True,
         ),
         radio_create_ui(
-            supported_practical_tasks[first_practical_task][0],
-            "Practical subtasks",
-            supported_practical_tasks[first_practical_task],
-            config_data.InformationMessages_PRACTICAL_SUBTASKS_INFO,
+            supported_practical_tasks[lang_id][first_practical_task][0],
+            config_data.Labels_PRACTICAL_SUBTASKS_LABEL[lang_id],
+            supported_practical_tasks[lang_id][first_practical_task],
+            config_data.InformationMessages_PRACTICAL_SUBTASKS_INFO[lang_id],
             True,
             True,
         ),
         gr.JSON(
             value={
-                str(task): supported_practical_tasks.get(task, [None])[0]
-                for task in supported_practical_tasks.keys()
+                str(task): supported_practical_tasks[index].get(task, [None])[0]
+                for index in range(len(supported_practical_tasks))
+                for task in supported_practical_tasks[index].keys()
             },
             visible=False,
             render=True,

app/event_handlers/dropdown_candidates.py

@@ -8,7 +8,7 @@ License: MIT License
 # Importing necessary components for the Gradio app
 from app.config import config_data
 from app.utils import read_csv_file, extract_profession_weights
-from app.components import number_create_ui, dropdown_create_ui
+from app.components import number_create_ui
 
 
 def event_handler_dropdown_candidates(practical_subtasks, dropdown_candidates):

app/event_handlers/event_handlers.py

@@ -9,11 +9,13 @@ import gradio as gr
 
 # Importing necessary components for the Gradio app
 from app.event_handlers.languages import event_handler_languages
+from app.event_handlers.switching_modes import event_handler_switching_modes
 from app.event_handlers.files import (
     event_handler_files,
     event_handler_files_select,
     event_handler_files_delete,
 )
+from app.event_handlers.webcam import event_handler_webcam
 from app.event_handlers.examples_blocks import event_handler_examples_blocks
 from app.event_handlers.clear_blocks import event_handler_clear_blocks
 from app.event_handlers.calculate_pt_scores_blocks import (
@@ -33,6 +35,9 @@ def setup_app_event_handlers(
     step_1,
     notifications,
     files,
+    webcam,
+    switching_modes,
+    type_modes,
     video,
     examples,
     calculate_pt_scores,
@@ -101,7 +106,16 @@ def setup_app_event_handlers(
     # Events
     languages.select(
         fn=event_handler_languages,
-        inputs=[languages, files, video, pt_scores, csv_pt_scores],
+        inputs=[
+            languages,
+            files,
+            video,
+            type_modes,
+            pt_scores,
+            csv_pt_scores,
+            practical_tasks,
+            practical_subtasks,
+        ],
         outputs=[
             description,
             step_1,
@@ -112,6 +126,8 @@ def setup_app_event_handlers(
             tab3,
             tab4,
             files,
+            webcam,
+            switching_modes,
             video,
             examples,
             calculate_pt_scores,
@@ -120,6 +136,76 @@ def setup_app_event_handlers(
             pt_scores,
             csv_pt_scores,
             step_2,
+            practical_tasks_column,
+            practical_tasks,
+            practical_subtasks,
+        ],
+        queue=True,
+    )
+    switching_modes.click(
+        fn=event_handler_switching_modes,
+        inputs=[languages, type_modes],
+        outputs=[
+            notifications,
+            files,
+            webcam,
+            switching_modes,
+            type_modes,
+            video,
+            calculate_pt_scores,
+            clear_app,
+            pt_scores,
+            csv_pt_scores,
+            step_2,
+            practical_tasks_column,
+            practical_tasks,
+            practical_subtasks,
+            practical_subtasks_selected,
+            settings_practical_tasks,
+            dropdown_mbti,
+            threshold_mbti,
+            threshold_professional_skills,
+            dropdown_professional_skills,
+            target_score_ope,
+            target_score_con,
+            target_score_ext,
+            target_score_agr,
+            target_score_nneu,
+            equal_coefficient,
+            number_priority,
+            number_importance_traits,
+            threshold_consumer_preferences,
+            dropdown_candidates,
+            number_openness,
+            number_conscientiousness,
+            number_extraversion,
+            number_agreeableness,
+            number_non_neuroticism,
+            sorted_videos,
+            sorted_videos_column,
+            practical_task_sorted,
+            csv_practical_task_sorted,
+            mbti_accordion,
+            mbti_description,
+            mbti_description_data,
+            video_sorted_column,
+            video_sorted,
+            metadata,
+            metadata_1,
+            name_row,
+            name_logo,
+            name,
+            surname_row,
+            surname_logo,
+            surname,
+            metadata_2,
+            email_row,
+            email_logo,
+            email,
+            phone_row,
+            phone_logo,
+            phone,
+            in_development,
         ],
         queue=True,
     )
@@ -141,13 +227,17 @@ def setup_app_event_handlers(
         [video],
         queue=True,
     )
+    gr.on(
+        triggers=[webcam.upload, webcam.stop_recording],
+        fn=event_handler_webcam,
+        inputs=[languages, webcam, pt_scores],
+        outputs=[notifications, video, webcam, calculate_pt_scores, clear_app],
+        queue=True,
+    )
     gr.on(
         triggers=[calculate_pt_scores.click],
         fn=event_handler_calculate_pt_scores_blocks,
-        inputs=[
-            languages,
-            files,
-        ],
+        inputs=[languages, type_modes, files, video],
         outputs=[
             notifications,
             pt_scores,
@@ -208,18 +298,78 @@ def setup_app_event_handlers(
     )
     examples.click(
         fn=event_handler_examples_blocks,
-        inputs=[],
+        inputs=[languages],
         outputs=[
+            notifications,
             files,
+            webcam,
+            switching_modes,
+            type_modes,
+            video,
+            calculate_pt_scores,
+            clear_app,
+            pt_scores,
+            csv_pt_scores,
+            step_2,
+            practical_tasks_column,
+            practical_tasks,
+            practical_subtasks,
+            practical_subtasks_selected,
+            settings_practical_tasks,
+            dropdown_mbti,
+            threshold_mbti,
+            threshold_professional_skills,
+            dropdown_professional_skills,
+            target_score_ope,
+            target_score_con,
+            target_score_ext,
+            target_score_agr,
+            target_score_nneu,
+            equal_coefficient,
+            number_priority,
+            number_importance_traits,
+            threshold_consumer_preferences,
+            dropdown_candidates,
+            number_openness,
+            number_conscientiousness,
+            number_extraversion,
+            number_agreeableness,
+            number_non_neuroticism,
+            sorted_videos,
+            sorted_videos_column,
+            practical_task_sorted,
+            csv_practical_task_sorted,
+            mbti_accordion,
+            mbti_description,
+            mbti_description_data,
+            video_sorted_column,
+            video_sorted,
+            metadata,
+            metadata_1,
+            name_row,
+            name_logo,
+            name,
+            surname_row,
+            surname_logo,
+            surname,
+            metadata_2,
+            email_row,
+            email_logo,
+            email,
+            phone_row,
+            phone_logo,
+            phone,
+            in_development,
         ],
         queue=True,
     )
     clear_app.click(
         fn=event_handler_clear_blocks,
-        inputs=[languages],
+        inputs=[languages, type_modes],
         outputs=[
             notifications,
             files,
+            webcam,
             video,
             calculate_pt_scores,
             clear_app,
@@ -280,7 +430,7 @@ def setup_app_event_handlers(
     )
     practical_tasks.change(
         event_handler_practical_tasks,
-        [practical_tasks, practical_subtasks_selected],
+        [languages, practical_tasks, practical_subtasks_selected],
         [practical_subtasks],
         queue=True,
     )
@@ -327,7 +477,9 @@ def setup_app_event_handlers(
     calculate_practical_task.click(
         fn=event_handler_calculate_practical_task_blocks,
         inputs=[
+            type_modes,
             files,
+            video,
             practical_subtasks,
             pt_scores,
             dropdown_mbti,

app/event_handlers/examples_blocks.py

@@ -6,25 +6,177 @@ License: MIT License
 """
 
 import re
+import gradio as gr
 from pathlib import Path
 
 # Importing necessary components for the Gradio app
+from app.config import config_data
+from app.description_steps import STEP_2
+from app.practical_tasks import supported_practical_tasks
+from app.components import (
+    html_message,
+    files_create_ui,
+    video_create_ui,
+    button,
+    dataframe,
+    radio_create_ui,
+    number_create_ui,
+    dropdown_create_ui,
+    textbox_create_ui,
+)
+from app.utils import get_language_settings
 
-# import hashlib
-# import time
 
-# for _ in range(6):
-#     current_time = time.time()
-#     time_bytes = str(current_time).encode("utf-8")
-#     hash_object = hashlib.sha256(time_bytes)
-#     hex_digest = hash_object.hexdigest()
-#     print(hex_digest[:15])
+def event_handler_examples_blocks(language):
+    lang_id, _ = get_language_settings(language)
 
+    first_practical_task = next(iter(supported_practical_tasks[lang_id]))
 
-def event_handler_examples_blocks():
     videos_dir = Path("videos")
     video_files = sorted(
         (str(p) for p in videos_dir.glob("*.mp4")),
         key=lambda x: int(re.search(r"\d+", Path(x).stem).group()),
     )
-    return video_files
+
+    files_ui = files_create_ui(
+        value=video_files,
+        label="{} ({})".format(
+            config_data.OtherMessages_VIDEO_FILES[lang_id],
+            ", ".join(config_data.Settings_SUPPORTED_VIDEO_EXT),
+        ),
+        file_types=[f".{ext}" for ext in config_data.Settings_SUPPORTED_VIDEO_EXT],
+    )
+    webcam = gr.Video(interactive=False, visible=False)
+    switching_modes = button(
+        config_data.OtherMessages_SWITCHEHG_MODES_ONLINE[lang_id],
+        True,
+        1,
+        "./images/webcam.ico",
+        True,
+        "switching_modes",
+    )
+    type_modes_ui = gr.Radio(
+        choices=config_data.Settings_TYPE_MODES,
+        value=config_data.Settings_TYPE_MODES[0],
+    )
+
+    return (
+        html_message(config_data.InformationMessages_NOTI_VIDEOS[lang_id], False),
+        files_ui,
+        webcam,
+        switching_modes,
+        type_modes_ui,
+        video_create_ui(
+            value=video_files[0],
+            label=config_data.OtherMessages_VIDEO_PLAYER[lang_id],
+            file_name=Path(Path(video_files[0]).name).name,
+        ),
+        button(
+            config_data.OtherMessages_CALCULATE_PT_SCORES[lang_id],
+            False,
+            3,
+            "./images/calculate_pt_scores.ico",
+            True,
+            "calculate_oceanai",
+        ),
+        button(
+            config_data.OtherMessages_CLEAR_APP[lang_id],
+            False,
+            1,
+            "./images/clear.ico",
+            True,
+            "clear_oceanai",
+        ),
+        dataframe(visible=False),
+        files_create_ui(
+            None,
+            "single",
+            [".csv"],
+            config_data.OtherMessages_EXPORT_PT_SCORES[lang_id],
+            True,
+            False,
+            False,
+            "csv-container",
+        ),
+        gr.HTML(value=STEP_2[lang_id], visible=False),
+        gr.Column(visible=False),
+        radio_create_ui(
+            first_practical_task,
+            config_data.Labels_PRACTICAL_TASKS_LABEL[lang_id],
+            list(map(str, supported_practical_tasks[lang_id].keys())),
+            config_data.InformationMessages_PRACTICAL_TASKS_INFO[lang_id],
+            True,
+            True,
+        ),
+        radio_create_ui(
+            supported_practical_tasks[lang_id][first_practical_task][0],
+            config_data.Labels_PRACTICAL_SUBTASKS_LABEL[lang_id],
+            supported_practical_tasks[lang_id][first_practical_task],
+            config_data.InformationMessages_PRACTICAL_SUBTASKS_INFO[lang_id],
+            True,
+            True,
+        ),
+        gr.JSON(
+            value={
+                str(task): supported_practical_tasks[index].get(task, [None])[0]
+                for index in range(len(supported_practical_tasks))
+                for task in supported_practical_tasks[index].keys()
+            },
+            visible=False,
+            render=True,
+        ),
+        gr.Column(visible=False),
+        dropdown_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        dropdown_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        dropdown_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Column(visible=False),
+        dataframe(visible=False),
+        files_create_ui(
+            None,
+            "single",
+            [".csv"],
+            config_data.OtherMessages_EXPORT_PS,
+            True,
+            False,
+            False,
+            "csv-container",
+        ),
+        gr.Accordion(visible=False),
+        gr.HTML(visible=False),
+        dataframe(visible=False),
+        gr.Column(visible=False),
+        video_create_ui(visible=False),
+        gr.Column(visible=False),
+        gr.Row(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
+    )

app/event_handlers/files.py

@@ -1,7 +1,7 @@
 """
-File: search.py
+File: files.py
 Author: Elena Ryumina and Dmitry Ryumin
-Description: Event handler for searching and filtering papers in the Gradio app.
+Description: Event handler for files.
 License: MIT License
 """
 

app/event_handlers/languages.py

@@ -19,12 +19,63 @@ from app.components import (
     button,
     html_message,
     dataframe,
+    radio_create_ui,
 )
 from app.utils import get_language_settings
+from app.practical_tasks import supported_practical_tasks
 
 
-def event_handler_languages(languages, files, video, pt_scores, csv_pt_scores):
+def event_handler_languages(
+    languages,
+    files,
+    video,
+    type_modes,
+    pt_scores,
+    csv_pt_scores,
+    practical_tasks,
+    practical_subtasks,
+):
     lang_id, choices = get_language_settings(languages)
+    lang_id_inverse = {0: 1, 1: 0}.get(lang_id, None)
+
+    if type_modes == config_data.Settings_TYPE_MODES[0]:
+        files_ui = files_create_ui(
+            label="{} ({})".format(
+                config_data.OtherMessages_VIDEO_FILES[
+                    config_data.AppSettings_DEFAULT_LANG_ID
+                ],
+                ", ".join(config_data.Settings_SUPPORTED_VIDEO_EXT),
+            ),
+            file_types=[f".{ext}" for ext in config_data.Settings_SUPPORTED_VIDEO_EXT],
+        )
+        webcam = gr.Video(interactive=False, visible=False)
+        switching_modes = button(
+            config_data.OtherMessages_SWITCHEHG_MODES_ONLINE[lang_id],
+            True,
+            1,
+            "./images/webcam.ico",
+            True,
+            "switching_modes",
+        )
+    elif type_modes == config_data.Settings_TYPE_MODES[1]:
+        files_ui = files_create_ui(
+            label="{} ({})".format(
+                config_data.OtherMessages_VIDEO_FILES[lang_id],
+                ", ".join(config_data.Settings_SUPPORTED_VIDEO_EXT),
+            ),
+            file_types=[f".{ext}" for ext in config_data.Settings_SUPPORTED_VIDEO_EXT],
+            interactive=False,
+            visible=False,
+        )
+        webcam = gr.Video(interactive=True, visible=True)
+        switching_modes = button(
+            config_data.OtherMessages_SWITCHEHG_MODES_OFFLINE[lang_id],
+            True,
+            1,
+            "./images/videos.ico",
+            True,
+            "switching_modes",
+        )
 
     if not video:
         video = video_create_ui(label=config_data.OtherMessages_VIDEO_PLAYER[lang_id])
@@ -57,6 +108,10 @@ def event_handler_languages(languages, files, video, pt_scores, csv_pt_scores):
         value=STEP_2[lang_id], visible=True if pt_scores.shape[1] >= 7 else False
     )
 
+    practical_tasks_column = gr.Column(
+        visible=True if pt_scores.shape[1] >= 7 else False
+    )
+
     if pt_scores.shape[1] >= 7:
         pt_scores = dataframe(
             headers=(config_data.Dataframes_PT_SCORES[lang_id]),
@@ -66,6 +121,22 @@ def event_handler_languages(languages, files, video, pt_scores, csv_pt_scores):
     else:
         pt_scores = dataframe(visible=False)
 
+    current_lang_tasks = list(map(str, supported_practical_tasks[lang_id].keys()))
+    inverse_lang_tasks = list(
+        map(str, supported_practical_tasks[lang_id_inverse].keys())
+    )
+
+    if practical_tasks in inverse_lang_tasks:
+        practical_task = current_lang_tasks[inverse_lang_tasks.index(practical_tasks)]
+    else:
+        practical_task = next(iter(supported_practical_tasks[lang_id]))
+
+    print(current_lang_tasks, "\n")
+    print(inverse_lang_tasks, "\n")
+    print(practical_tasks, "\n")
+    print(supported_practical_tasks, "\n")
+    print(practical_subtasks, "\n")
+
     return (
         gr.Markdown(value=DESCRIPTIONS[lang_id]),
         gr.HTML(value=STEP_1[lang_id]),
@@ -85,14 +156,9 @@ def event_handler_languages(languages, files, video, pt_scores, csv_pt_scores):
         gr.Tab(config_data.Labels_ABOUT_APP_LABEL[lang_id]),
         gr.Tab(config_data.Labels_ABOUT_AUTHORS_LABEL[lang_id]),
         gr.Tab(config_data.Labels_REQUIREMENTS_LABEL[lang_id]),
-        files_create_ui(
-            value=files,
-            label="{} ({})".format(
-                config_data.OtherMessages_VIDEO_FILES[lang_id],
-                ", ".join(config_data.Settings_SUPPORTED_VIDEO_EXT),
-            ),
-            file_types=[f".{ext}" for ext in config_data.Settings_SUPPORTED_VIDEO_EXT],
-        ),
+        files_ui,
+        webcam,
+        switching_modes,
         video,
         button(
             config_data.OtherMessages_EXAMPLES_APP[lang_id],
@@ -122,4 +188,21 @@ def event_handler_languages(languages, files, video, pt_scores, csv_pt_scores):
         pt_scores,
         csv_pt_scores,
         step_2,
+        practical_tasks_column,
+        radio_create_ui(
+            practical_task,
+            config_data.Labels_PRACTICAL_TASKS_LABEL[lang_id],
+            current_lang_tasks,
+            config_data.InformationMessages_PRACTICAL_TASKS_INFO[lang_id],
+            True,
+            True,
+        ),
+        radio_create_ui(
+            supported_practical_tasks[lang_id][practical_task][0],
+            config_data.Labels_PRACTICAL_SUBTASKS_LABEL[lang_id],
+            supported_practical_tasks[lang_id][practical_task],
+            config_data.InformationMessages_PRACTICAL_SUBTASKS_INFO[lang_id],
+            True,
+            True,
+        ),
     )

app/event_handlers/practical_tasks.py

@@ -9,14 +9,19 @@ License: MIT License
 from app.config import config_data
 from app.practical_tasks import supported_practical_tasks
 from app.components import radio_create_ui
+from app.utils import get_language_settings
 
 
-def event_handler_practical_tasks(practical_tasks, practical_subtasks_selected):
+def event_handler_practical_tasks(
+    language, practical_tasks, practical_subtasks_selected
+):
+    lang_id, _ = get_language_settings(language)
+
     return radio_create_ui(
         practical_subtasks_selected[practical_tasks],
-        config_data.Labels_PRACTICAL_SUBTASKS_LABEL,
-        supported_practical_tasks[practical_tasks],
-        config_data.InformationMessages_PRACTICAL_SUBTASKS_INFO,
+        config_data.Labels_PRACTICAL_SUBTASKS_LABEL[lang_id],
+        supported_practical_tasks[lang_id][practical_tasks],
+        config_data.InformationMessages_PRACTICAL_SUBTASKS_INFO[lang_id],
         True,
         True,
     )

app/event_handlers/switching_modes.py

@@ -0,0 +1,193 @@
+"""
+File: switching_modes.py
+Author: Elena Ryumina and Dmitry Ryumin
+Description: Event handler for switching modes.
+License: MIT License
+"""
+
+import gradio as gr
+
+# Importing necessary components for the Gradio app
+from app.config import config_data
+from app.description_steps import STEP_2
+from app.practical_tasks import supported_practical_tasks
+from app.components import (
+    html_message,
+    files_create_ui,
+    video_create_ui,
+    button,
+    dataframe,
+    radio_create_ui,
+    number_create_ui,
+    dropdown_create_ui,
+    textbox_create_ui,
+)
+from app.utils import get_language_settings
+
+
+def event_handler_switching_modes(language, type_modes):
+    lang_id, _ = get_language_settings(language)
+
+    first_practical_task = next(iter(supported_practical_tasks[lang_id]))
+
+    if type_modes == config_data.Settings_TYPE_MODES[0]:
+        files_ui = files_create_ui(
+            label="{} ({})".format(
+                config_data.OtherMessages_VIDEO_FILES[lang_id],
+                ", ".join(config_data.Settings_SUPPORTED_VIDEO_EXT),
+            ),
+            file_types=[f".{ext}" for ext in config_data.Settings_SUPPORTED_VIDEO_EXT],
+            interactive=False,
+            visible=False,
+        )
+        webcam = gr.Video(interactive=True, visible=True)
+        switching_modes = button(
+            config_data.OtherMessages_SWITCHEHG_MODES_OFFLINE[lang_id],
+            True,
+            1,
+            "./images/videos.ico",
+            True,
+            "switching_modes",
+        )
+        type_modes_ui = gr.Radio(
+            choices=config_data.Settings_TYPE_MODES,
+            value=config_data.Settings_TYPE_MODES[1],
+        )
+    elif type_modes == config_data.Settings_TYPE_MODES[1]:
+        files_ui = files_create_ui(
+            label="{} ({})".format(
+                config_data.OtherMessages_VIDEO_FILES[lang_id],
+                ", ".join(config_data.Settings_SUPPORTED_VIDEO_EXT),
+            ),
+            file_types=[f".{ext}" for ext in config_data.Settings_SUPPORTED_VIDEO_EXT],
+        )
+        webcam = gr.Video(interactive=False, visible=False)
+        switching_modes = button(
+            config_data.OtherMessages_SWITCHEHG_MODES_ONLINE[lang_id],
+            True,
+            1,
+            "./images/webcam.ico",
+            True,
+            "switching_modes",
+        )
+        type_modes_ui = gr.Radio(
+            choices=config_data.Settings_TYPE_MODES,
+            value=config_data.Settings_TYPE_MODES[0],
+        )
+
+    return (
+        html_message(config_data.InformationMessages_NOTI_VIDEOS[lang_id], False),
+        files_ui,
+        webcam,
+        switching_modes,
+        type_modes_ui,
+        video_create_ui(),
+        button(
+            config_data.OtherMessages_CALCULATE_PT_SCORES[lang_id],
+            False,
+            3,
+            "./images/calculate_pt_scores.ico",
+            True,
+            "calculate_oceanai",
+        ),
+        button(
+            config_data.OtherMessages_CLEAR_APP[lang_id],
+            False,
+            1,
+            "./images/clear.ico",
+            True,
+            "clear_oceanai",
+        ),
+        dataframe(visible=False),
+        files_create_ui(
+            None,
+            "single",
+            [".csv"],
+            config_data.OtherMessages_EXPORT_PT_SCORES[lang_id],
+            True,
+            False,
+            False,
+            "csv-container",
+        ),
+        gr.HTML(value=STEP_2[lang_id], visible=False),
+        gr.Column(visible=False),
+        radio_create_ui(
+            first_practical_task,
+            config_data.Labels_PRACTICAL_TASKS_LABEL[lang_id],
+            list(map(str, supported_practical_tasks[lang_id].keys())),
+            config_data.InformationMessages_PRACTICAL_TASKS_INFO[lang_id],
+            True,
+            True,
+        ),
+        radio_create_ui(
+            supported_practical_tasks[lang_id][first_practical_task][0],
+            config_data.Labels_PRACTICAL_SUBTASKS_LABEL[lang_id],
+            supported_practical_tasks[lang_id][first_practical_task],
+            config_data.InformationMessages_PRACTICAL_SUBTASKS_INFO[lang_id],
+            True,
+            True,
+        ),
+        gr.JSON(
+            value={
+                str(task): supported_practical_tasks[index].get(task, [None])[0]
+                for index in range(len(supported_practical_tasks))
+                for task in supported_practical_tasks[index].keys()
+            },
+            visible=False,
+            render=True,
+        ),
+        gr.Column(visible=False),
+        dropdown_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        dropdown_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        dropdown_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        number_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Column(visible=False),
+        dataframe(visible=False),
+        files_create_ui(
+            None,
+            "single",
+            [".csv"],
+            config_data.OtherMessages_EXPORT_PS,
+            True,
+            False,
+            False,
+            "csv-container",
+        ),
+        gr.Accordion(visible=False),
+        gr.HTML(visible=False),
+        dataframe(visible=False),
+        gr.Column(visible=False),
+        video_create_ui(visible=False),
+        gr.Column(visible=False),
+        gr.Row(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        gr.Row(visible=False),
+        gr.Image(visible=False),
+        textbox_create_ui(visible=False),
+        html_message(config_data.InformationMessages_NOTI_IN_DEV, False, False),
+    )

app/event_handlers/webcam.py

@@ -0,0 +1,74 @@
+"""
+File: webcam.py
+Author: Elena Ryumina and Dmitry Ryumin
+Description: Event handler for webcam.
+License: MIT License
+"""
+
+import gradio as gr
+from pathlib import Path
+
+# Importing necessary components for the Gradio app
+from app.config import config_data
+from app.components import html_message, video_create_ui, button
+from app.utils import get_language_settings, webm2mp4
+
+
+def event_handler_webcam(language, webcam, pt_scores):
+    lang_id, _ = get_language_settings(language)
+
+    if not webcam:
+        return (
+            html_message(config_data.InformationMessages_NOTI_VIDEOS[lang_id], False),
+            video_create_ui(label=config_data.OtherMessages_VIDEO_PLAYER[lang_id]),
+            gr.Video(value=None),
+            button(
+                config_data.OtherMessages_CALCULATE_PT_SCORES[lang_id],
+                False,
+                3,
+                "./images/calculate_pt_scores.ico",
+                True,
+                "calculate_oceanai",
+            ),
+            button(
+                config_data.OtherMessages_CLEAR_APP[lang_id],
+                False,
+                1,
+                "./images/clear.ico",
+                True,
+                "clear_oceanai",
+            ),
+        )
+
+    if webcam.split(".")[-1] == "webm":
+        webcam = webm2mp4(webcam)
+
+    return (
+        html_message(
+            config_data.OtherMessages_NOTI_CALCULATE[lang_id],
+            True,
+            False if pt_scores.shape[1] >= 7 else True,
+        ),
+        video_create_ui(
+            value=webcam,
+            label=config_data.OtherMessages_VIDEO_PLAYER[lang_id],
+            file_name=Path(Path(webcam).name).name,
+        ),
+        gr.Video(value=None),
+        button(
+            config_data.OtherMessages_CALCULATE_PT_SCORES[lang_id],
+            True,
+            3,
+            "./images/calculate_pt_scores.ico",
+            True,
+            "calculate_oceanai",
+        ),
+        button(
+            config_data.OtherMessages_CLEAR_APP[lang_id],
+            True,
+            1,
+            "./images/clear.ico",
+            True,
+            "clear_oceanai",
+        ),
+    )

app/port.py

@@ -0,0 +1,35 @@
+"""
+File: port.py
+Author: Elena Ryumina and Dmitry Ryumin
+Description: Utility functions to check and free ports by terminating processes holding them.
+License: MIT License
+"""
+
+import socket
+import psutil
+from typing import Iterable, Union
+
+
+def is_port_in_use(host: str, port: int) -> bool:
+    try:
+        with socket.create_connection((host, port), timeout=1):
+            return True
+    except (ConnectionRefusedError, OSError):
+        return False
+
+
+def free_ports(ports: Union[int, Iterable[int]]) -> None:
+    ports_to_free = {ports} if isinstance(ports, int) else set(ports)
+
+    for proc in psutil.process_iter(attrs=["pid", "name"]):
+        try:
+            connections = proc.net_connections(kind="inet")
+            for conn in connections:
+                if conn.laddr.port in ports_to_free:
+                    proc.terminate()
+                    proc.wait()
+                    ports_to_free.discard(conn.laddr.port)
+                    if not ports_to_free:
+                        return
+        except (psutil.NoSuchProcess, psutil.AccessDenied, psutil.ZombieProcess):
+            continue

app/practical_tasks.py

@@ -11,17 +11,27 @@ from typing import Dict, List
 # Importing necessary components for the Gradio app
 
 
-def load_practical_tasks_data(file_path: str) -> List:
-    with open(file_path, "r") as file:
-        return yaml.safe_load(file) or []
+def load_practical_tasks_data(file_paths: List[str]) -> List[Dict]:
+    all_tasks_data = []
 
+    for file_path in file_paths:
+        with open(file_path, "r") as file:
+            data = yaml.safe_load(file) or []
+            all_tasks_data.append(data)
 
-def transform_practical_tasks_data(data: List) -> Dict:
-    output_dict = {item["task"]: item["subtasks"] for item in data}
+    return all_tasks_data
 
-    return output_dict
 
+def transform_practical_tasks_data(data: List[Dict]) -> List[Dict]:
+    output_list = []
 
-yaml_file_path = "./practical_tasks.yaml"
-practical_tasks_data = load_practical_tasks_data(yaml_file_path)
+    for task_data in data:
+        output_dict = {item["task"]: item["subtasks"] for item in task_data}
+        output_list.append(output_dict)
+
+    return output_list
+
+
+yaml_file_paths = ["./practical_tasks_en.yaml", "./practical_tasks_ru.yaml"]
+practical_tasks_data = load_practical_tasks_data(yaml_file_paths)
 supported_practical_tasks = transform_practical_tasks_data(practical_tasks_data)

app/tabs.py

@@ -37,16 +37,59 @@ def app_tab():
 
     step_1 = gr.HTML(value=STEP_1[config_data.AppSettings_DEFAULT_LANG_ID])
 
-    with gr.Row():
-        files = files_create_ui(
-            label="{} ({})".format(
-                config_data.OtherMessages_VIDEO_FILES[
+    with gr.Row(elem_classes="media-container"):
+        with gr.Column():
+            files = files_create_ui(
+                label="{} ({})".format(
+                    config_data.OtherMessages_VIDEO_FILES[
+                        config_data.AppSettings_DEFAULT_LANG_ID
+                    ],
+                    ", ".join(config_data.Settings_SUPPORTED_VIDEO_EXT),
+                ),
+                file_types=[
+                    f".{ext}" for ext in config_data.Settings_SUPPORTED_VIDEO_EXT
+                ],
+            )
+
+            webcam = gr.Video(
+                label="{} ({})".format(
+                    config_data.OtherMessages_VIDEO_FILES[
+                        config_data.AppSettings_DEFAULT_LANG_ID
+                    ],
+                    ", ".join(config_data.Settings_SUPPORTED_VIDEO_EXT),
+                ),
+                show_label=True,
+                interactive=False,
+                visible=False,
+                mirror_webcam=False,
+                include_audio=True,
+                elem_classes="webcam",
+                autoplay=False,
+            )
+
+            switching_modes = button(
+                config_data.OtherMessages_SWITCHEHG_MODES_ONLINE[
                     config_data.AppSettings_DEFAULT_LANG_ID
                 ],
-                ", ".join(config_data.Settings_SUPPORTED_VIDEO_EXT),
-            ),
-            file_types=[f".{ext}" for ext in config_data.Settings_SUPPORTED_VIDEO_EXT],
-        )
+                True,
+                1,
+                "./images/webcam.ico",
+                True,
+                "switching_modes",
+            )
+
+            type_modes = gr.Radio(
+                choices=config_data.Settings_TYPE_MODES,
+                value=config_data.Settings_TYPE_MODES[0],
+                label=None,
+                info=None,
+                show_label=False,
+                container=False,
+                interactive=False,
+                visible=False,
+                render=True,
+                elem_classes="type_modes",
+            )
 
         video = video_create_ui()
 
@@ -108,23 +151,42 @@ def app_tab():
         value=STEP_2[config_data.AppSettings_DEFAULT_LANG_ID], visible=False
     )
 
-    first_practical_task = next(iter(supported_practical_tasks))
+    first_practical_task = next(
+        iter(supported_practical_tasks[config_data.AppSettings_DEFAULT_LANG_ID])
+    )
 
     with gr.Column(scale=1, visible=False, render=True) as practical_tasks_column:
         practical_tasks = radio_create_ui(
             first_practical_task,
             config_data.Labels_PRACTICAL_TASKS_LABEL,
-            list(map(str, supported_practical_tasks.keys())),
-            config_data.InformationMessages_PRACTICAL_TASKS_INFO,
+            list(
+                map(
+                    str,
+                    supported_practical_tasks[
+                        config_data.AppSettings_DEFAULT_LANG_ID
+                    ].keys(),
+                )
+            ),
+            config_data.InformationMessages_PRACTICAL_TASKS_INFO[
+                config_data.AppSettings_DEFAULT_LANG_ID
+            ],
             True,
             True,
         )
 
         practical_subtasks = radio_create_ui(
-            supported_practical_tasks[first_practical_task][0],
-            config_data.Labels_PRACTICAL_SUBTASKS_LABEL,
-            supported_practical_tasks[first_practical_task],
-            config_data.InformationMessages_PRACTICAL_SUBTASKS_INFO,
+            supported_practical_tasks[config_data.AppSettings_DEFAULT_LANG_ID][
+                first_practical_task
+            ][0],
+            config_data.Labels_PRACTICAL_SUBTASKS_LABEL[
+                config_data.AppSettings_DEFAULT_LANG_ID
+            ],
+            supported_practical_tasks[config_data.AppSettings_DEFAULT_LANG_ID][
+                first_practical_task
+            ],
+            config_data.InformationMessages_PRACTICAL_SUBTASKS_INFO[
+                config_data.AppSettings_DEFAULT_LANG_ID
+            ],
             True,
             True,
         )
@@ -481,6 +543,7 @@ def app_tab():
                                 visible=False,
                                 show_download_button=False,
                                 elem_classes="metadata_name-logo",
+                                show_fullscreen_button=False,
                             )
 
                             name = textbox_create_ui(
@@ -512,6 +575,7 @@ def app_tab():
                                 visible=False,
                                 show_download_button=False,
                                 elem_classes="metadata_surname-logo",
+                                show_fullscreen_button=False,
                             )
 
                             surname = textbox_create_ui(
@@ -545,6 +609,7 @@ def app_tab():
                                 visible=False,
                                 show_download_button=False,
                                 elem_classes="metadata_email-logo",
+                                show_fullscreen_button=False,
                             )
 
                             email = textbox_create_ui(
@@ -576,6 +641,7 @@ def app_tab():
                                 visible=False,
                                 show_download_button=False,
                                 elem_classes="metadata_phone-logo",
+                                show_fullscreen_button=False,
                             )
 
                             phone = textbox_create_ui(
@@ -595,8 +661,9 @@ def app_tab():
 
     practical_subtasks_selected = gr.JSON(
         value={
-            str(task): supported_practical_tasks.get(task, [None])[0]
-            for task in supported_practical_tasks.keys()
+            str(task): supported_practical_tasks[index].get(task, [None])[0]
+            for index in range(len(supported_practical_tasks))
+            for task in supported_practical_tasks[index].keys()
         },
         visible=False,
         render=True,
@@ -611,6 +678,9 @@ def app_tab():
         step_1,
         notifications,
         files,
+        webcam,
+        switching_modes,
+        type_modes,
         video,
         examples,
         calculate_pt_scores,

app/utils.py

@@ -6,6 +6,8 @@ License: MIT License
 """
 
 import pandas as pd
+import subprocess
+from pathlib import Path
 
 # Importing necessary components for the Gradio app
 from app.config import config_data
@@ -84,3 +86,27 @@ def extract_profession_weights(df, dropdown_candidates):
         weights_professions = list(map(int, weights_professions))
 
     return weights_professions, interactive_professions
+
+
+def webm2mp4(input_file):
+    input_path = Path(input_file)
+    output_path = input_path.with_suffix(".mp4")
+
+    if not output_path.exists():
+        subprocess.run(
+            [
+                "ffmpeg",
+                "-i",
+                str(input_path),
+                "-c:v",
+                "copy",
+                "-c:a",
+                "aac",
+                "-strict",
+                "experimental",
+                str(output_path),
+            ],
+            check=True,
+        )
+
+    return str(output_path)

config.toml

@@ -1,5 +1,7 @@
 [AppSettings]
-APP_VERSION = "0.9.2"
+APP_VERSION = "0.10.0"
+SERVER_NAME = "127.0.0.1"
+PORT = 7860
 CSS_PATH = "app.css"
 DEFAULT_LANG_ID = 0
 
@@ -9,8 +11,8 @@ DESCRIPTIONS = [
     "- библиотека с открытым исходным кодом для оценивания большой пятерки качеств личности человека и автоматизации HR-процессов",
 ]
 NOTI_VIDEOS = ["Select the video(s)", "Выберите видео"]
-PRACTICAL_TASKS_INFO = "Choose a practical task"
-PRACTICAL_SUBTASKS_INFO = "Choose a practical subtask"
+PRACTICAL_TASKS_INFO = ["Choose a practical task", "Выберите практическую задачу"]
+PRACTICAL_SUBTASKS_INFO = ["Choose a practical subtask", "Выберите практическую подзадачу"]
 NOTI_IN_DEV = "In development"
 DROPDOWN_MBTI_INFO = "What personality type indicator are you interested in?"
 DROPDOWN_PROFESSIONAL_SKILLS_INFO = "What professional skill are you interested in?"
@@ -31,8 +33,14 @@ STEP_2 = [
 [OtherMessages]
 VIDEO_FILES = ["Video Files", "Видеофайлы"]
 VIDEO_PLAYER = ["Video Player", "Видео проигрыватель"]
-CALCULATE_PT_SCORES = ["Calculation of Big Five personality traits scores", "Вычисление показателей Большой пятерки персональных качеств личности человека"]
-CALCULATE_PT_SCORES_ERR = "Personality traits scores have not been calculated. Try uploading a different file(s)"
+CALCULATE_PT_SCORES = [
+    "Calculation of Big Five personality traits scores",
+    "Вычисление показателей Большой пятерки персональных качеств личности человека"
+]
+CALCULATE_PT_SCORES_ERR = [
+    "Personality traits scores have not been calculated. Ensure that there are uncovered face and speech of person in the video",
+    "Оценки персональных качеств личностей человека не были вычислены. Убедитесь, что в видео присутствует не перекрытое лицо и речь человека"
+]
 CALCULATE_PRACTICAL_TASK = "Solving practical task"
 CLEAR_APP = ["Clear", "Сброс"]
 EXAMPLES_APP = ["Examples", "Примеры"]
@@ -45,14 +53,16 @@ EXPORT_WT = "Export ranking effective work teams results to a CSV file"
 EXPORT_CP = "Export consumer preferences for industrial goods results to a CSV file"
 EXPORT_MBTI = "Export ranking personality type results to a CSV file"
 NOTI_CALCULATE = ["You can calculate Big Five personality traits scores", "Вы можете рассчитать показатели Большой пятерки персональных качеств личности человека"]
+SWITCHEHG_MODES_ONLINE = ["Webcam", "Веб камера"]
+SWITCHEHG_MODES_OFFLINE = ["Video Files", "Видеофайлы"]
 
 [Labels]
 APP_LABEL = ["⭐ App", "⭐ Приложение"]
 ABOUT_APP_LABEL = ["💡 About the App", "💡 О приложении"]
 ABOUT_AUTHORS_LABEL = ["🎭 About the Authors", "🎭 Об авторах"]
 REQUIREMENTS_LABEL = ["📋 Requirements", "📋 Зависимости"]
-PRACTICAL_TASKS_LABEL = "Practical tasks"
-PRACTICAL_SUBTASKS_LABEL = "Practical subtasks"
+PRACTICAL_TASKS_LABEL = ["Practical tasks", "Практические задачи"]
+PRACTICAL_SUBTASKS_LABEL = ["Practical subtasks", "Практические подзадачи"]
 THRESHOLD_MBTI_LABEL = "Polarity traits threshold"
 THRESHOLD_PROFESSIONAL_SKILLS_LABEL = "Polarity traits threshold"
 TARGET_SCORE_OPE_LABEL = "Openness target score"
@@ -140,6 +150,7 @@ DROPDOWN_MBTI = [
 DROPDOWN_MBTI_DEL_COLS = ["EI", "SN", "TF", "JP", "Match"]
 SHOW_VIDEO_METADATA = true
 SUPPORTED_VIDEO_EXT = ["mp4", "mov", "avi", "flv"]
+TYPE_MODES = ["Files", "Web"]
 
 [Values]
 TARGET_SCORES = [0.527886, 0.522337, 0.458468, 0.51761, 0.444649]

practical_tasks_ru.yaml

@@ -0,0 +1,14 @@
+- task: "Ранжирование потенциальных кандидатов по профессиональным обязанностям"
+  subtasks:
+    - "16 персональных типов личности MBTI"
+    - "Профессиональные группы"
+    - "Профессиональные навыки"
+- task: "Формирование эффективных рабочих коллективов"
+  subtasks:
+    - "Поиск подходящего младшего коллеги"
+    - "Поиск подходящего старшего коллеги"
+- task: "Прогнозирование потребительских предпочтений в отношении промышленных товаров"
+  subtasks:
+    - "Характеристики автомобиля"
+    - "Категории приложений для мобильных устройств"
+    - "Стиль одежды"

requirements.txt

@@ -1,5 +1,6 @@
-gradio==5.5.0
-PyYAML==6.0.1
+gradio==5.6.0
+PyYAML==6.0.2
 toml==0.10.2
-oceanai==1.0.0a43
-tf-keras
+oceanai==1.0.0a46
+torch==2.2.2
+psutil==6.1.0