天天看点

iOS 关于Safari浏览器和Chrome浏览器Video标签的区别

Safari

GET /haoyun-web/fdfs/viewFdfsFile.action?groupName=group1&fileId=M00/00/05/wKgB8llDiPyAWf21AAL5k9M1ds4632.mp4 HTTP/1.1
Host 183.134.110.234:18080
Cookie JSESSIONID=306cc3b9-4428-4624-b8ad-5bb331187ced; sdktoken=3b6ccb1f39b0c43b4c644b9184699714; uid=user_100; yxAccount=user_91
X-Playback-Session-Id D91FBAEA-2E94-4984-B26A-C0FC8C5E4F5B
Range bytes=0-1
Accept **
Referer http://www.runoob.com/try/try.php?filename=tryhtml5_video
Accept-Language zh-CN,zh;q=0.8,en;q=0.6
Cookie JSESSIONID=189317e9-462f-475d-9a09-e9f607e42bfc; JSESSIONID.7178883c=kc1daruvzmv16tltjdtz7ybe; yxAccount=user_91; uid=user_100; sdktoken=3b6ccb1f39b0c43b4c644b9184699714
Range bytes=0-194962

从中我们可以看出Safari默认range为 bytes=0-1,而Chrome则是 bytes=0-194962 safari多了个keep-alive 而对于safari来说,他不是一次性请求全部文件的(不论osx还是ios),一般首先会请求0-1字节,这个写在request header的"range"字段中: range:'bytes=0-1' 如果是想要传输视频, 必须要解析range字段,然后按照range字段的要求返回对应的数据,同时response header至少要包含三个字段:"Content-Type", "Content-Range", "Content-Length" "Content-Type"必需明确指定视频格式,有"video/mp4", "video/ogg", "video/mov"等等,网上可以查到。 "Content-Range"格式是 "bytes <start>-<end>/<total>",其中start和end必需对应request header里的range字段,total是文件总大小,不是返回的数据长度 "Content-Length"指定返回的二进制长度

所以想要在Safari上播放需要服务端返回 Content-Range Content-Length

其实也就是将fastfds的路径用ngix代理改成真正的文件地址即可