Tengo el siguiente código para abrir un reproductor en mi sitio web para reproducir audio usando Django:
{% if track.file.hls_stream %} <a type="button" class="btn btn-outline-primary" href="{% url 'stream' pk=track.file.pk|safe|cypher_link_stream %}" target="_blank"><i class="fad fa-play-circle"></i></a> ...Actualmente, esto abre una nueva pestaña y usa VideoJS para reproducir la transmisión HLS. Pero en realidad esto no es lo que quiero. Me gustaría presionar el botón de reproducción y aparece un reproductor de audio en la parte inferior de la página y permanece allí mientras navega por el sitio. Ya busqué esa solución pero no tuve tanta suerte. ¿Puede alguien tal vez darme una pista de dónde mirar?
Gracias por adelantado.
Es un poco difícil de decir sin saber un poco más sobre su pila tecnológica. Sin embargo, desde mi cabeza, creo que el enfoque más común con este tipo de problema es construir el sitio como una SPA (aplicación de una sola página) utilizando uno de los marcos frontend populares como React, Vue o Angular.
Al crear un SPA, puede navegar entre las rutas de la página "virtualmente", donde se pueden recuperar nuevos datos y montarlos en el DOM mientras que otros elementos sin cambios (como su reproductor de música) persisten entre los cambios.
Para lograr esto con Vue, usaría para moverse entre páginas sin actualizar. Ver aquí para más detalles