From 4d25a8d2e573468861f1e09fc8fb3d8ff856ce04 Mon Sep 17 00:00:00 2001
From: rafa <rcalvotorrejon@gmail.com>
Date: Fri, 28 Aug 2026 05:29:23 -0400
Subject: [PATCH] =?UTF-8?q?fea-audio-player:=20limpiar=20el=20aviso=20de?=
 =?UTF-8?q?=20error=20cuando=20el=20audio=20s=C3=AD=20llega=20a=20reproduc?=
 =?UTF-8?q?ir?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Si audio.play() fallaba tras verificar el hash (p.ej. política de autoplay
del navegador tras el await de fetch+digest), el aviso "No se pudo verificar
el audio" quedaba fijo en pantalla aunque el usuario reprodujera el audio a
mano desde los controles nativos que ya estaban visibles. El evento 'play'
real del <audio> ahora limpia ese aviso y oculta el botón, sea cual sea el
camino por el que arrancó la reproducción.

Reportado por Rafa en el canal feadulta, viendo el estado atascado en
"Más allá de la trinchera..." (post 56196) tras el bloqueo 403 de Cloudflare.
---
 mu-plugins/fea-audio-player.php | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/mu-plugins/fea-audio-player.php b/mu-plugins/fea-audio-player.php
index 9394070..1a6eb55 100644
--- a/mu-plugins/fea-audio-player.php
+++ b/mu-plugins/fea-audio-player.php
@@ -125,6 +125,18 @@ add_action('wp_footer', function () {
         document.querySelectorAll('audio[data-fea-audio-track]').forEach(function (audio) {
             var fired = false;
             audio.addEventListener('play', function () {
+                // La verificación pudo fallar en el primer intento (p.ej. audio.play()
+                // rechazado por política de autoplay tras el await de verificación) y
+                // dejar el mensaje de error en pantalla. Si el audio realmente rompe a
+                // reproducir -en este intento o en uno posterior desde los controles
+                // nativos-, ese es el estado real: limpiar el aviso y ocultar el botón.
+                var wrap = audio.closest('.fea-audio');
+                if (wrap) {
+                    var status = wrap.querySelector('.fea-audio-status');
+                    if (status) status.textContent = '';
+                    var button = wrap.querySelector('[data-fea-audio-verified-play]');
+                    if (button) button.hidden = true;
+                }
                 if (fired || typeof gtag !== 'function') return;
                 fired = true;
                 gtag('event', 'audio_play', {