使用HTML5标签寻找流媒体的MP3文件

前端之家收集整理的这篇文章主要介绍了使用HTML5标签寻找流媒体的MP3文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
希望有人可以帮助我。

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

我想做的是使用HTML5< audio>标签,像这样:

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

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

有什么想法可以解决这个问题吗?我当然可以一次发送整个文件,但是播放器将等到整个文件被下载 – 我宁愿流式传输。

解决方法

确保服务器接受范围请求,您可以检查以确定接收范围是否在标题中。在jPlayer中,这是Webkit(特别是Chrome)浏览器中的一个常见问题,涉及进步和寻求功能

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

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

猜你在找的HTML5相关文章