Como é tradição, todos os anos eu mexo no fansite que fiz para o First of October. Este ano eu quero criar uma sync radio com as musicas deles.
Sync radio é um termo que estou usando para descrever esse tipo de “rádio”, ou transmissão pseudo-sincronizada. Quando o usuário inicia a “estação de rádio” um algoritmo calcula qual a música atual e qual o tempo de execução da música atual, então o player carrega a música correta no momento certo.
Entre músicas eu tinha colocado umas vinhetas, mas ficou muito irritante. Removi os sons e entre músicas, agora, aparece uma tela preta escrito “First of October Radio” com as cores do site.
Abaixo do player de vídeo, há uma informações da música atual e abaixo dessa seção há uma 3 abas: Lyrics, que carrega as letras da música atual. Essas letras são um <iframe> com páginas que eu criei ano passado; Song Info, que traz a ficha técnica da música; e Menu, que mostra um textinho explicando o que é um sync radio e umas opções de navegação.
Pensei em desenvolver o FOO radio em segredo e lançar no dia 1º de Outubro no Reddit não-oficial da banda. Mas acho que não ganho nada fazendo isso. Já publiquei no subreddit e estou aguardando feedbacks.
First of October Radio já está no ar, em versão beta e pode ser acessado pelo link https://foo.brchad.com/radio/
Tech
Desenvolvo o site com bastante assistência do Claude. Os dados das músicas foram extraídos manualmente por mim ao longo dos anos. Não uso frameworks de JavaScript, o site é todo HTML + CSS + JS padrões. Os vídeos são reproduzidos com o player embedado oficial do Youtube.