Secure Audio Embedding - Copy this React, Tailwind Component to your project
Diseña-una-interfaz-gráfica-de-usuario-moderna-en-modo-oscuro-para-una-aplicación-llamada-SecureAudioEmbedding,-que-se-utiliza-para-ocultar-archivos-de-imagenes-dentro-de-videos-mediante-esteganografía-adaptativa.-La-interfaz-debe-seguir-una-arquitectura-limpia-y-estar-bien-organizada.-Los-elementos-clave-incluyen:-Etiquetas:-“Archivo-de-Video”:-Para-seleccionar-el-archivo-de-video.-“Imagen-Base”:-Para-seleccionar-la-imagen-donde-se-ocultará-el-audio.-Campos-de-Entrada:-Tres-campos-de-texto-(QLineEdit-en-Qt)-que-muestren-la-ruta-del-archivo-seleccionado.-Estos-deben-estar-junto-a-cada-etiqueta.-Botones-de-Selección-de-Archivos:-Dos-botones-a-la-derecha-de-cada-campo-de-texto,-etiquetados-como-“Seleccionar”-o-con-un-ícono-de-carpeta-para-abrir-el-explorador-de-archivos.-El-primer-botón-se-usa-para-seleccionar-un-archivo-de-video,-el-segundo-para-seleccionar-una-imagen.-Botones-de-Acción:-Tres-botones-principales,-colocados-en-la-parte-inferior-o-inferior-derecha-de-la-interfaz,-con-estilo-y-tamaño-uniforme:-“Ocultar-Audio”:-Inicia-el-proceso-de-esteganografía-para-ocultar-el-audio-en-la-imagen-seleccionada.-“Recuperar-Audio”:-Extrae-el-audio-oculto-de-la-imagen.-“Verificar-Calidad”:-Verifica-la-calidad-de-la-imagen-modificada-y-del-audio-extraído,-mostrando-métricas-de-calidad-como-MSE,-PSNR-y-SSIM.-Área-de-Resultados:-Un-espacio-al-final-de-la-ventana-o-un-panel-(como-un-QTextEdit-en-Qt)-donde-se-mostrarán-los-resultados-de-las-operaciones,-mensajes-de-éxito/error-y-los-valores-de-las-métricas-de-calidad.-Estilo-Visual:-La-interfaz-debe-estar-en-modo-oscuro-con-una-paleta-de-colores-moderna-y-profesional.-Usa-tonos-oscuros-(gris-oscuro,-negro),-con-acentos-en-colores-brillantes-(azul,-verde-o-cian)-para-los-botones-y-las-etiquetas.-Los-botones-deben-tener-bordes-redondeados,-un-efecto-de-sombra-sutil,-y-cambiar-de-color-al-pasar-el-cursor-sobre-ellos.-La-fuente-debe-ser-sans-serif,-clara-y-moderna,-con-un-tamaño-adecuado-para-que-la-interfaz-sea-fácil-de-leer.-Esquema-General:-Disposición-en-columnas-con-etiquetas-alineadas-a-la-izquierda,-campos-de-entrada-en-el-centro,-y-botones-de-selección-a-la-derecha.-Botones-de-acción-ubicados-en-la-parte-inferior-o-a-la-derecha-para-un-flujo-intuitivo-y-ergonómico.
