{"id":73,"date":"2026-06-08T16:47:34","date_gmt":"2026-06-08T16:47:34","guid":{"rendered":"https:\/\/blog.ariatus.net\/?p=73"},"modified":"2026-06-08T16:47:35","modified_gmt":"2026-06-08T16:47:35","slug":"%e2%9d%b1-dev-log-001-webapp-audio-system","status":"publish","type":"post","link":"https:\/\/blog.ariatus.net\/?p=73","title":{"rendered":"\u2771\u00a0DEv-log 001 &#8211; WebApp Audio System"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u00a1Hola, comunidad de Ariatus.NET!<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Hoy queremos presentar uno de los sistemas m\u00e1s importantes que estamos desarrollando para mejorar la inmersi\u00f3n, la comunicaci\u00f3n y la experiencia social dentro del servidor: nuestro nuevo <strong>VoiceChat por proximidad v\u00eda aplicaci\u00f3n web<\/strong>.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Este sistema ha sido dise\u00f1ado para que los jugadores puedan comunicarse de forma natural mientras exploran, comercian, combaten o simplemente conviven dentro del mundo de Ariatus.NET, sin necesidad de instalar mods ni configuraciones complicadas.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">VoiceChat sin mods<\/h2>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">El objetivo principal es que cualquier jugador pueda conectarse al chat de voz de forma sencilla.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Desde el juego, el jugador podr\u00e1 usar el comando correspondiente para generar su acceso al VoiceChat. Al abrir la aplicaci\u00f3n web, podr\u00e1 configurar su micr\u00f3fono, sus dispositivos de audio y empezar a hablar con otros jugadores cercanos.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">La gran ventaja es que el sistema funciona desde el navegador, lo que permite una experiencia m\u00e1s c\u00f3moda y accesible para diferentes dispositivos, sin necesidad de instalar aplicaciones en tu computador.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Voz por proximidad real<\/h2>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">El VoiceChat funciona con distancia din\u00e1mica. Esto significa que la voz de otros jugadores se escuchar\u00e1 seg\u00fan qu\u00e9 tan cerca est\u00e9n de ti dentro del juego.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Si un jugador est\u00e1 cerca, lo escuchar\u00e1s con mayor claridad.<br>Si se aleja, su volumen disminuir\u00e1 progresivamente.<br>Si est\u00e1 fuera del rango, dejar\u00e1s de escucharlo.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Esto permite crear situaciones mucho m\u00e1s naturales dentro del servidor: conversaciones en ciudades, encuentros inesperados en caminos, negociaciones, rol, exploraci\u00f3n y momentos sociales m\u00e1s inmersivos.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">tambi\u00e9n contar\u00e1 con opciones para hablar normal, susurrar en caso de querer hablar con un compa\u00f1ero y que otros no escuchen a menos que est\u00e9n super cerca y gritar para comunicarte con aquellos jugadores a larga distancia.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Interfaz web moderna<\/h2>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Tambi\u00e9n hemos trabajado en una interfaz web m\u00e1s limpia, moderna y f\u00e1cil de usar.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">La aplicaci\u00f3n muestra informaci\u00f3n importante del jugador, como su nombre, su skin, coordenadas y una lista de jugadores cercanos. Adem\u00e1s, cada jugador cercano puede tener controles individuales para modificar su volumen o silenciarlo.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">La configuraci\u00f3n de audio est\u00e1 organizada en una ventana separada, donde cada jugador puede ajustar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-small-font-size\">Dispositivo de entrada.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Dispositivo de salida.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Ganancia del micr\u00f3fono.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Volumen maestro.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Volumen de voz.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Volumen de m\u00fasica.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Volumen de sonidos.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Modo de voz siempre activo.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Modo Push to Talk.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Teclas r\u00e1pidas configurables.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Tambi\u00e9n se ha a\u00f1adido soporte para botones del mouse, como la rueda y botones laterales, para quienes prefieran usar Push to Talk de forma m\u00e1s c\u00f3moda.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/blog.ariatus.net\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-08-174620-1024x578.png\" alt=\"\" class=\"wp-image-75\" srcset=\"https:\/\/blog.ariatus.net\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-08-174620-1024x578.png 1024w, https:\/\/blog.ariatus.net\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-08-174620-300x169.png 300w, https:\/\/blog.ariatus.net\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-08-174620-768x433.png 768w, https:\/\/blog.ariatus.net\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-08-174620.png 1467w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Estados visuales del VoiceChat<\/h2>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">El sistema tambi\u00e9n incorpora estados visuales para saber si un jugador est\u00e1 conectado al VoiceChat.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Por ahora estamos probando indicadores simples con colores:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-small-font-size\">Rojo: el jugador no est\u00e1 conectado.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Gris: el jugador est\u00e1 conectado, pero no est\u00e1 hablando.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Verde: el jugador est\u00e1 hablando.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Esto permitir\u00e1 que en el futuro podamos mostrar estos estados de forma m\u00e1s inmersiva dentro del juego, incluyendo ideas como indicadores visuales sobre la cabeza del jugador.<\/p>\n\n\n\n<div class=\"wp-block-cover\"><img loading=\"lazy\" decoding=\"async\" width=\"937\" height=\"496\" class=\"wp-block-cover__image-background wp-image-74\" alt=\"\" src=\"https:\/\/blog.ariatus.net\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-08-174457.png\" data-object-fit=\"cover\" srcset=\"https:\/\/blog.ariatus.net\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-08-174457.png 937w, https:\/\/blog.ariatus.net\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-08-174457-300x159.png 300w, https:\/\/blog.ariatus.net\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-08-174457-768x407.png 768w\" sizes=\"auto, (max-width: 937px) 100vw, 937px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">M\u00fasica y sonidos desde el servidor<\/h2>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Otra de las funciones a\u00f1adidas es la posibilidad de reproducir m\u00fasica o sonidos directamente a los jugadores conectados al VoiceChat.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Esto nos permitir\u00e1 crear momentos especiales dentro del servidor, como eventos, zonas con m\u00fasica ambiental, escenas narrativas, sonidos personalizados o efectos especiales controlados por el staff.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Cada jugador podr\u00e1 controlar el volumen de m\u00fasica y sonidos desde su propia configuraci\u00f3n, manteniendo la experiencia personalizada y c\u00f3moda para cada uno.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sonidos ambientales din\u00e1micos<\/h2>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Tambi\u00e9n hemos comenzado a probar un sistema de sonidos ambientales din\u00e1micos.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Un ejemplo actual es el sonido del fuego. Cuando un jugador se acerca a una fuente de fuego dentro del juego, la aplicaci\u00f3n web reproduce un sonido ambiental en loop. Cuanto m\u00e1s cerca est\u00e9 el jugador, mayor ser\u00e1 el volumen. Al alejarse, el sonido disminuye hasta detenerse autom\u00e1ticamente fuera del rango.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Este sistema abre muchas posibilidades para el futuro:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-small-font-size\">Fuego y hogueras.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Agua y r\u00edos.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Portales.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Zonas m\u00e1gicas.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Ciudades.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Mazmorras.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Ambientes especiales.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Eventos personalizados.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">La idea es que el mundo de Ariatus.NET no solo se vea vivo, sino que tambi\u00e9n se sienta vivo.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"[DEV-LOG] - 001 - Ariatus.NET - WebApp Audio System - Minecraft 26.1.2\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/EiDO-AsQvns?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Pensado para inmersi\u00f3n y comodidad<\/h2>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Este sistema no busca reemplazar la comunicaci\u00f3n tradicional, sino a\u00f1adir una nueva capa de inmersi\u00f3n al servidor.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Queremos que hablar con otros jugadores se sienta natural, que los sonidos del entorno acompa\u00f1en la aventura y que cada zona pueda tener una identidad sonora propia.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Todo est\u00e1 siendo desarrollado con enfoque en:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-small-font-size\">Accesibilidad.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Comodidad para el jugador.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Personalizaci\u00f3n.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Inmersi\u00f3n.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Escalabilidad.<\/li>\n\n\n\n<li class=\"has-small-font-size\">Integraci\u00f3n futura con m\u00e1s sistemas del servidor.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Estado actual<\/h2>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">El sistema ya cuenta con una base funcional: conexi\u00f3n web, VoiceChat por proximidad, configuraci\u00f3n de audio, Push to Talk, estados visuales, reproducci\u00f3n de m\u00fasica y primeras pruebas de sonidos ambientales.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">A\u00fan seguiremos optimizando, puliendo la experiencia y a\u00f1adiendo nuevas funciones antes de su implementaci\u00f3n final.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">En el v\u00eddeo adjunto pueden ver una demostraci\u00f3n temprana del sistema funcionando dentro de Ariatus.NET.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Gracias por acompa\u00f1arnos en el desarrollo del servidor. Esto es solo una parte de todo lo que estamos construyendo para hacer de Ariatus.NET una experiencia m\u00e1s viva, social e inmersiva.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nos vemos dentro del mundo de Ariatus.NET.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<div class=\"pld-like-dislike-wrap pld-template-1\">\r\n    <div class=\"pld-like-wrap  pld-common-wrap\">\r\n    <a href=\"javascript:void(0)\" class=\"pld-like-trigger pld-like-dislike-trigger  \" title=\"Me gusta\" data-post-id=\"73\" data-trigger-type=\"like\" data-restriction=\"cookie\" data-already-liked=\"0\">\r\n                        <i class=\"fas fa-thumbs-up\"><\/i>\r\n                <\/a>\r\n    <span class=\"pld-like-count-wrap pld-count-wrap\">2    <\/span>\r\n<\/div><div class=\"pld-dislike-wrap  pld-common-wrap\">\r\n    <a href=\"javascript:void(0)\" class=\"pld-dislike-trigger pld-like-dislike-trigger  \" title=\"No me gusta\" data-post-id=\"73\" data-trigger-type=\"dislike\" data-restriction=\"cookie\" data-already-liked=\"0\">\r\n                        <i class=\"fas fa-thumbs-down\"><\/i>\r\n                <\/a>\r\n    <span class=\"pld-dislike-count-wrap pld-count-wrap\">0<\/span>\r\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>\u00a1Hola, comunidad de Ariatus.NET! Hoy queremos presentar uno de los sistemas m\u00e1s importantes que estamos desarrollando para mejorar la inmersi\u00f3n, la comunicaci\u00f3n y la experiencia social dentro del servidor: nuestro nuevo VoiceChat por proximidad v\u00eda aplicaci\u00f3n web. Este sistema ha sido dise\u00f1ado para que los jugadores puedan comunicarse de forma natural mientras exploran, comercian, combaten [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":44,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-73","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-devlogs"],"_links":{"self":[{"href":"https:\/\/blog.ariatus.net\/index.php?rest_route=\/wp\/v2\/posts\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.ariatus.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.ariatus.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.ariatus.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.ariatus.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=73"}],"version-history":[{"count":1,"href":"https:\/\/blog.ariatus.net\/index.php?rest_route=\/wp\/v2\/posts\/73\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/blog.ariatus.net\/index.php?rest_route=\/wp\/v2\/posts\/73\/revisions\/76"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.ariatus.net\/index.php?rest_route=\/wp\/v2\/media\/44"}],"wp:attachment":[{"href":"https:\/\/blog.ariatus.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=73"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ariatus.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=73"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ariatus.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}