通过带有HTML5 <audio>标签的流式MP3文件进行搜索

希望有人能帮助我解决这个问题。

我正在玩一个将音频流式传输到客户端的node.js服务器,并且我想创建一个HTML5播放器。 现在,我使用分块编码从节点流式传输代码,并且如果直接访问URL,则效果很好。

我想要做的就是使用HTML5 <audio>标签嵌入,如下所示:

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

其中/stream是节点服务器流式传输MP3的端点。 HTML5播放器在Safari和Chrome中加载正常,但它不允许我寻找,而Safari甚至说它是“直播”。 在/stream的头文件中,我包含文件大小和文件类型,并且响应正常结束。

有关我如何解决这个问题的任何想法? 我当然可以立即发送整个文件,但是玩家会一直等到整个文件被下载 - 我宁愿将它下载。


确保服务器接受范围请求,您可以检查是否在标题中包含Accept-Ranges 。 在jPlayer中,这是Webkit(特别是Chrome)浏览器在进步和寻求功能方面的常见问题。

您可能没有使用jPlayer,但官方网站上的服务器响应信息可能有用。

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


看看这里http://www.scottandrew.com/pub/html5audioplayer/,我用这个,它在下载文件时播放。 它稍微等待缓冲区,然后播放。 从来没有尝试过寻求,但我会开始尝试在他的代码中设置“aud.currentTime”,如果可以完成。

祝你好运


您是否正在发送Accept-Ranges(RFC 2616,第14.5节)响应头?

链接地址: http://www.djcxy.com/p/60727.html

上一篇: Seeking through a streamed MP3 file with HTML5 <audio> tag

下一篇: http headers to send file to html5 <audio>