Nieto e hijo de alhameños se da a conocer en Cataluña a través de Radio Caldas.

 Hace unos días su abuela, Rosa María Jiménez Maya, se ponía en contacto con nosotros para hacernos llegar que tenía un nieto que con la guitarra hacía maravillas, y que deberíamos darlo a conocer. Bueno, cosas de abuela, entendimos en un primer momento, pero Rosa María insistía en las cualidades de su nieto Jose, que es como lo conoce la familia, y que incluso ya participaba en Sabadell, donde reside, en programas radio.

 Pues nada, vamos a conocer algo más de Jose, del que ni sabíamos el nombre completo ni la edad, pero ya sí queríamos ampliar información al respecto, y saber si teníamos un paisano cuyo talento se estaba desarrollando por tierras catalanas. De esta manera contactamos con la hija de Rosa María, y madre de la criatura allá en Cataluña, María Jesús Muñoz Jiménez, la cual estaba encantada con nuestro contacto y de que nos interesásemos por el tema, y nos confirmaba justamente eso, que, con motivo del Día de Andalucía, en una de las radios de Sabadell, intervendría su hijo, José Antonio Fernández Muñoz -Jose-. Pero nuestra sorpresa fue mayúscula al saber que José Antonio ¡sólo tiene trece años!

 Bueno, pues ahora el siguiente paso, contactar con Radio Caldas (o Caldes) y el conductor del programa “Més que música”, presentado por Ferran Llobet, para poder emitirlo por Radio Alhama en Internet, para que la familia de Jose pudiera seguirlo también en Alhama, y nos encontramos con un compañero afable que nos brindó todo tipo de facilidades, y que, a su vez, estaba encantado con el talento de José Antonio, y que su programa del día 29 de febrero, dedicado a Paco de Lucía, con motivo de cumplirse el décimo aniversario de su fallecimiento (Paco de Lucía: 21-12-1947 / 25-2-2014), tendría como invitado a José Antonio, casi con un reto para la audiencia, saber cuándo era él el que tocaba la guitarra. Y, aunque el programa es en catalán este día, lógicamente, se emitiría en castellano para nuestras dos audiencias, la catalana y la andaluza alhameña.

 Como dato a destacar, José Antonio, a sus trece años se compró la guitarra trabajando y ahorrando, consiguiéndola en internet por 300 euros. Su madre nos dice que se tira todos sus ratos libres ensayando y practicando, el resultado de todo esto se emitirá por Radio Alhama en Internet, este domingo, 3 de marzo de 2024, a las 8 de la mañana y a las 12 del mediodía, y que nosotros hemos seleccionado para nuestra audiencia, con lo mejor de este programa, de una hora, pero resumido, aunque dejando íntegra las intervenciones de Jose, al que le deseamos y auguramos éxito en su esfuerzo por parecerse a su admirado maestro, Paco de Lucía.

Emisión en Radio Alhama en Internet

{source}<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Radio Alhama en Internet</title>
<style>
body {
color: black; /* Texto en negro */
font-family: Arial, sans-serif;
margin: 0;
padding: 10px; /* Agregado un poco de espacio para margen */
}

.audio-player {
background-color: #FFD580; /* Naranja claro */
padding: 10px;
border-radius: 5px;
text-align: left; /* Alineado a la izquierda */
width: 100%;
max-width: 600px;
box-sizing: border-box; /* Asegura que el padding no expanda el ancho total */
}

.audio-info {
display: flex;
align-items: center;
margin-bottom: 10px;
flex-wrap: wrap; /* Permite que los elementos se acomoden en múltiples líneas si es necesario */
}

.audio-info img {
margin-right: 10px;
cursor: pointer; /* Cambio del cursor para indicar que es clicable */
max-width: 100%; /* Asegura que la imagen no sobresalga de su contenedor */
height: auto;
}

.audio-controls {
display: flex;
align-items: center;
margin-bottom: 10px;
flex-wrap: nowrap; /* Evitar que los controles se dividan en múltiples líneas */
}

.audio-controls span, .audio-controls button {
margin: 5px; /* Espacio más uniforme entre elementos */
color: black; /* Color de texto negro */
font-size: 16px; /* Tamaño de fuente ajustado */
}

.audio-controls input[type="range"] {
margin: 5px;
color: black;
font-size: 16px;
width: 100px; /* Tamaño de la barra de volumen reducido */
}

.progress-container {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%; /* Ocupa el 100% del ancho disponible */
}

.progress-bar {
flex-grow: 1; /* La barra de progreso ocupa todo el espacio disponible */
height: 5px;
background-color: #ddd;
border-radius: 5px;
overflow: hidden;
margin: 0 10px;
position: relative;
}

.progress {
height: 100%;
background-color: #4CAF50; /* Verde */
width: 0;
cursor: pointer; /* Indicar que es interactivo */
}

@media (max-width: 600px) {
.audio-player {
padding: 5px;
}

.audio-controls span, .audio-controls button {
font-size: 14px; /* Reducir tamaño de fuente en pantallas pequeñas */
}

.audio-controls input[type="range"] {
width: 80px; /* Tamaño de la barra de volumen aún más reducido en pantallas pequeñas */
}

.progress-bar {
margin: 0; /* Eliminar márgenes en pantallas pequeñas */
}
}
</style>
</head>
<body>
<div class="audio-player">
<div class="audio-info">
<img src="https://alhama.com//digital/images/rs/ra-i-50x50.png" alt="Logo" onclick="openLink()">
<div>
<div style="font-size: 18px; color: black;"><b>Radio Alhama en Internet</b></div>
<div style="font-size: 18px; color: black;">Archivo sonoro, 29-2-2024</div>
<div style="font-size: 18px; color: black;">Más que música RC y RA</div>
<div style="font-size: 18px; color: black;">José A. Fernández Muñoz</div>
</div>
</div>
<div class="audio-controls">
<span id="duration">00:00</span>
<button id="play-stop">PLAY</button> <!-- Botón de Play/Stop unificado -->
<button id="reset">REINICIO</button>
<span id="remaining">00:00</span> <!-- Movido a la derecha del botón de reinicio -->
<input type="range" id="volume" min="0" max="1" step="0.01" value="1" title="Volumen"> <!-- Barra de volumen reducida -->
</div>
<div class="progress-container">
<div class="progress-bar" id="progress-bar">
<div class="progress" id="progress"></div>
</div>
</div>
</div>

<audio id="audio" src="https://ia800505.us.archive.org/22/items/radio-caldas-radio-alhama-29-2-2024/radio-caldas-radio-alhama-29-2-2024.mp3"></audio>

<script>
function openLink() {
window.open('https://alhama.com/digital/medios/radio-alhama-internet/14882', '_blank');
}

const audio = document.getElementById('audio');
const playStopButton = document.getElementById('play-stop');
const resetButton = document.getElementById('reset');
const volumeControl = document.getElementById('volume');
const durationSpan = document.getElementById('duration');
const remainingSpan = document.getElementById('remaining');
const progressBar = document.getElementById('progress');
const progressBarContainer = document.getElementById('progress-bar');

let isPlaying = false;

function setDuration() {
const duration = formatTime(audio.duration);
durationSpan.textContent = duration;
remainingSpan.textContent = duration;
}

// Intentar obtener la duración inmediatamente
if (audio.readyState > 0) {
setDuration();
} else {
// Si no está disponible, esperar al evento loadedmetadata
audio.addEventListener('loadedmetadata', setDuration);
}

// Agregar un evento canplay para asegurarnos de que la duración esté disponible
audio.addEventListener('canplay', setDuration);

audio.addEventListener('timeupdate', () => {
const remainingTime = formatTime(audio.duration - audio.currentTime);
remainingSpan.textContent = remainingTime;
const progress = (audio.currentTime / audio.duration) * 100;
progressBar.style.width = `${progress}%`;
});

playStopButton.addEventListener('click', () => {
if (isPlaying) {
audio.pause();
playStopButton.textContent = 'PLAY';
} else {
audio.play();
playStopButton.textContent = 'STOP';
}
isPlaying = !isPlaying;
});

resetButton.addEventListener('click', () => {
audio.currentTime = 0;
audio.play();
playStopButton.textContent = 'STOP';
isPlaying = true;
});

volumeControl.addEventListener('input', () => {
audio.volume = volumeControl.value;
});

// Habilitar el desplazamiento de la barra de progreso
progressBarContainer.addEventListener('click', (e) => {
const rect = progressBarContainer.getBoundingClientRect();
const clickX = e.clientX - rect.left;
const width = rect.width;
const duration = audio.duration;
const newTime = (clickX / width) * duration;
audio.currentTime = newTime;
});

function formatTime(seconds) {
const minutes = Math.floor(seconds / 60);
const secs = Math.floor(seconds % 60);
return `${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
}
</script>
</body>
</html>
{/source}