poner - Buscando a través de un archivo MP3 transmitido con la etiqueta HTML5<audio>

reproductor de musica en html

Question

Espero que alguien pueda ayudarme con esto.

Estoy jugando con un servidor node.js que transmite audio a un cliente, y quiero crear un reproductor HTML5. En este momento, estoy transmitiendo el código del nodo usando codificación fragmentada, y si vas directamente a la URL, funciona muy bien.

Lo que me gustaría hacer es insertar esto usando la etiqueta HTML5 <audio> , así:

<audio src="http://server/stream?file=123">

donde /stream es el punto final para que el servidor de nodo transmita el MP3. El reproductor HTML5 se carga bien en Safari y Chrome, pero no me permite buscarlo, y Safari incluso dice que es una "transmisión en vivo". En los encabezados de /stream , incluyo el tamaño del archivo y el tipo de archivo, y la respuesta finaliza correctamente.

¿Alguna idea de cómo podría evitar esto? Ciertamente podría enviar todo el archivo de una vez, pero luego el jugador esperaría hasta que todo se haya descargado. Prefiero transmitirlo.

Answer 1

¿Está enviando un encabezado de respuesta Aceptar rangos ( RFC 2616, sección 14.5) ?

Answer 2

Asegúrate de que el servidor acepte las solicitudes de Rango, puedes verificar para ver si está Accept-Ranges en el encabezado. En jPlayer, este es un problema común en los navegadores Webkit (particularmente Chrome) cuando se trata de progreso y búsqueda de funcionalidad.

Es posible que no esté utilizando jPlayer, pero la información de Server Response en el sitio web oficial puede ser de alguna utilidad.

http://www.jplayer.org/latest/developer-guide/#jPlayer-server-response

Answer 3

Por lo que entiendo, quieres que el jugador permita que el usuario salte a partes del audio / video que aún no tienen memoria intermedia, algo así como lo que hacen los jugadores de Vimeo / YouTube ... No estoy seguro si esto es posible, ya que He visto algunos de los ejemplos de elementos medianos html5 y simplemente no me permitieron buscar partes sin búfer :(

Si desea buscar a través de la parte protegida, entonces no es un problema. De hecho, estás creando un problema para ti aquí, por lo que yo entiendo. Desea transmitir el archivo, y lo que hace es que el jugador crea que tiene algún tipo de transmisión en vivo. Si acaba de enviar el archivo directamente, no tendrá este problema, porque el reproductor podrá comenzar a reproducir antes de cargar todo el archivo. Esto funciona bien con elementos de audio y video, y he confirmado este comportamiento tanto en Chrome como en FF :)

¡Espero que esto ayude!

Answer 4

eche un vistazo aquí http://www.scottandrew.com/pub/html5audioplayer/ , lo usé y se reproduce mientras se descarga el archivo. Espera un poco para el buffer pero luego se reproduce. Nunca intenté buscar, pero comenzaría tratando de establecer el "aud.currentTime" en su código si eso se puede hacer.

Buena suerte

Answer 5

pero tuve el mismo problema Es necesario configurar algunos encabezados para la respuesta del archivo multimedia.

como ejemplo:

Accept-Ranges:bytes
Content-Length:7437847
Content-Range:bytes 0-7437846/7437847

Entonces la etiqueta de audio podrá buscar

Answer 6

quizás este ejemplo de reproductor de audio html5 nos explique y nos demuestre el nuevo elemento y sus métodos .load, .play, .currentTime, etc.

utilizo una matriz de elementos y puedo establecer la posición de tiempo actual, por supuesto. también podemos usar eventhandlers (por ejemplo, ''loadeddata'') para esperar antes de permitir la búsqueda.

ping y divertirse con html5 :)