通过带有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