我的音频url在audio标签不能控制进度,这是为什么?

Question

如题
这是我的音频url
http://api.xiongmiao.space/file/85aaefe3-ab81-485e-9fdf-2e1ba...

网易云的url
https://m701.music.126.net/20230317170729/2d279e496b44f08f644...
直接在浏览器打开就会有一个audio标签
我尝试了网易云音乐开放平台给的音乐播放url,他那个就可以直接控制

我还尝试过使用howler.js来播放音频
使用我的音频url时暂停音乐后继续播放他会从头开始,但网易云的url不会这样

这是为什么?我想把我的音频url变得和网易云的url一样,该怎么做?
求大佬赐教

Answer 1

Nginx 加一下配置

add_header Accept-Ranges bytes;

Answer 2

你的代码里<audio>标签是否添加了controls属性？能否附上代码？

Answer 3

两个文件的后缀名都不一样，音频编码应该也不一样吧。

Answer 4

我自己解决了,要后端在返回文件流的时候加上响应头 accept-ranges: bytes 这样就可以控制音频的进度了,使用howler.js也没问题

补充一下 根据https://segmentfault.com/q/1010000002908474的回答,要能控制音频进度可能还需要添加几个响应头
Content-Length 这个长度为请求头中range的请求长度
Content-Type
如果是nginx服务器还需要在配置文件里添加请求头