Alterar programação (js e php) para sistema de áudios sequenciais em site

Estou montando um site em wordpress.
Dentro dele, há uma interface gráfica destinada a oferecer áudios sequenciais de meditações guiadas, usando o plugin "image map pro". Há uma imagem, com sete botões. Cada botão libera um áudio, e os áudios são destravados sequencialmente.

Em outras palavras, no começo apenas o áudio 1 pode ser ouvido. Após o botão do áudio 1 ser clicado, isso libera o áudio 2, e assim por diante.
Quando o sétimo botão é clicado, isso libera a segunda imagem, com mais sete áudios, e assim por diante.
O sistema varia de usuário para usuário. Por exemplo o usuário "user1" pode estar no quarto áudio, enquanto o usuário "user2" está no sexto, e cada um terá acesso aos áudios desbloqueados de acordo com seu progresso.

O sistema está em código .php e java script.

Eu gostaria de fazer duas mudanças nesse sistema:

1)  pop-ups de conteúdos diferentes
em alguns áudios, queremos incluir um vídeo, ou um áudio de introdução, ou mesmo um texto. Funcionaria assim:

usuário clica no botão no mapa. Abre um pop-up com texto.
O usuário lê e clica em "fechar", ou "concluir", e abre o vídeo no pop-up. Ele vê o vídeo até o fim OU clica em "fechar" ou "pular", e aí abre o áudio de introdução. Ele ouve o áudio até o fim OU clica em "fechar" ou "pular", aí abre o áudio com a meditação.


Não haverá, em todos os botões, todos esses conteúdos. Por vezes, haverá apenas o áudio. Em outras, apenas um vídeo e um áudio; ou apenas um áudio de introdução e um áudio; ou apenas um texto e um áudio.
Mas sempre seguirá essa sequência, supondo que o item existe para aquele áudio:
texto : vídeo : áudio de introdução : áudio

2) desbloqueio do próximo botão condicionado a ouvir 50% do áudio
atualmente, o botão seguinte é desbloqueado assim que o usuário clica no botão e o áudio abre. Mas alguns usuários podem desistir de ouvir o áudio naquele momento e, ao retornarem, encontrarão o próximo áudio erradamente desbloqueado.
Gostaríamos, portanto, de condicionar a liberação do próximo áudio ao usuário efetivamente rodar o áudio anterior.
Ele não precisa ouvir até o fim, pois muitas vezes ele pode fechar o áudio quando estiverem faltando alguns segundos, ao perceber que já acabou. Portanto, poderíamos estabelecer um percentual (digamos, 50%) do áudio que necessariamente teria de ser ouvido, o que acionaria o gatilho que liberaria o próximo áudio.
Nesse caso, apenas ouvir o áudio da meditação contaria. Ouvir o vídeo ou o áudio de introdução, por exemplo, não desbloquearia o próximo áudio.