{"id":3784,"date":"2022-04-21T19:14:45","date_gmt":"2022-04-21T17:14:45","guid":{"rendered":"https:\/\/ssr.upm.es\/?p=3784"},"modified":"2025-07-09T16:16:35","modified_gmt":"2025-07-09T14:16:35","slug":"aplicacion-web-procesado-audio-interactivo","status":"publish","type":"post","link":"https:\/\/ssr.upm.es\/en\/2022\/04\/21\/aplicacion-web-procesado-audio-interactivo\/","title":{"rendered":"Implementaci\u00f3n de aplicaci\u00f3n web para el procesado de audios interactivo"},"content":{"rendered":"<div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div align=\"right\">Responsable: <strong>Mateo C\u00e1mara Largo\u00a0<\/strong>[mateo&#46;camara&#64;upm&#46;es]<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div id=\"lipsum\">\n<p>En este TFG se propone el dise\u00f1o de una aplicaci\u00f3n web est\u00e1tica basada en herramientas b\u00e1sicas de programaci\u00f3n web de tipo Html, Css y Javascript. Tendr\u00e1 una componente muy importante de Javascript para el desarrollo de las funcionalidades internas de la aplicaci\u00f3n. Conviene conocer html y css para disponer apropiadamente las funcionalidades de la app en una interfaz de usuario, aunque no se requiere ning\u00fan conocimiento avanzado ni espec\u00edfico sobre ninguna librer\u00eda. La plataforma deber\u00e1 tener la capacidad de conectarse con las bases de datos de Freesound (https:\/\/freesound.org\/) mediante una API (HTTP), extraer audios en base a una query con palabras claves introducidas por el usuario (HTML) y mostrarlos como burbujas clicables en una interfaz de usuario (HTML). Al hacer clic en estas burbujas se debe reproducir el audio descargado (Audioengine) y mostrar un espectrograma y una forma de onda (wavesurfer). La forma de onda se introducir\u00e1 en un sistema de inteligencia artificial que act\u00faa como una caja negra (solo hay que llamarlo y devolver\u00e1 un resultado, que a su vez ser\u00e1 otra forma de onda, no es objeto de estudio interpretar su funcionalidad). Esta nueva forma de onda se debe obtener bajo demanda del usuario (clic en un lugar de la interfaz de usuario) y debe reproducirse (exactamente igual que los audios tra\u00eddos de freesound, c\u00f3digo replicable). Estas especificaciones son las m\u00ednimas que se deben desarrollar, y sobre las cuales se podr\u00e1n implementar nuevos componentes (en funci\u00f3n de la dificultad). El alumno aprender\u00e1 sobre t\u00e9cnicas espec\u00edficas para trabajar con se\u00f1ales de audio directamente en la web, un aspecto muy interesante y que se encuentra en plena expansi\u00f3n. Adem\u00e1s, aprender\u00e1 conocimientos generales de desarrollo de aplicaciones web est\u00e1ticas, muy demandado profesionalmente y que sirve como base para aprender sobre nuevos frameworks web.<\/p>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Responsable: Mateo C\u00e1mara Largo\u00a0[&#109;&#x61;t&#x65;o&#46;&#x63;&#97;&#x6d;a&#114;&#x61;&#64;&#x75;p&#x6d;&#x2e;&#101;&#x73;] En este TFG se propone el dise\u00f1o de una aplicaci\u00f3n web est\u00e1tica basada en herramientas b\u00e1sicas de programaci\u00f3n web de tipo Html, Css y Javascript. Tendr\u00e1 una componente muy importante de Javascript para el desarrollo de las funcionalidades internas de la aplicaci\u00f3n. Conviene conocer html y css para disponer apropiadamente las&hellip;<\/p>\n","protected":false},"author":4,"featured_media":3785,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[36],"tags":[],"_links":{"self":[{"href":"https:\/\/ssr.upm.es\/en\/wp-json\/wp\/v2\/posts\/3784"}],"collection":[{"href":"https:\/\/ssr.upm.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ssr.upm.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ssr.upm.es\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ssr.upm.es\/en\/wp-json\/wp\/v2\/comments?post=3784"}],"version-history":[{"count":1,"href":"https:\/\/ssr.upm.es\/en\/wp-json\/wp\/v2\/posts\/3784\/revisions"}],"predecessor-version":[{"id":3786,"href":"https:\/\/ssr.upm.es\/en\/wp-json\/wp\/v2\/posts\/3784\/revisions\/3786"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ssr.upm.es\/en\/wp-json\/wp\/v2\/media\/3785"}],"wp:attachment":[{"href":"https:\/\/ssr.upm.es\/en\/wp-json\/wp\/v2\/media?parent=3784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ssr.upm.es\/en\/wp-json\/wp\/v2\/categories?post=3784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ssr.upm.es\/en\/wp-json\/wp\/v2\/tags?post=3784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}