之前的做法是,请求一个视频链接,返回一整个视频文件。安卓机是没问题的,但是ios播放有问题

对于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"指定返回的二进制长度

然后有几个坑:
1.安卓有时候会一次性请求全部内容,range是这样的 'bytes=0-',解析的时候需要注意
2.所有的end是指inclusive end,意味着文件长度如果是245,返回"Content-Range"就是"bytes 0-244/245",错一点视频就放不出来了(包括安卓)

解决方案: 后端根据视频请求流range字节进行按需拆分返回,不要直接返回一个整个视频。也就是说后端的视频要支持断点续传(在视频服务中,快进,快退,拖动进度条,也是请求x-x字节数据,应也是断点续传)。这样就可以正常播放了。目前video标签来说,视频资源最好是 .mp4格式,h264编码的支持稳妥一些

思考为什么ios行为不一样:
既然视频传输协议就是这么规定的,当然应该按照规定的来,偷懒没有任何借口。
但是ios之所以分多次请求也有深层次原因。比方说先请求0-1字节(其实是2个字节),返回的时候数据并不多,但是可以通过分析"Content-Range"来获取文件总长度。然后分段请求,比如请求第一帧来渲染thumb nail等等。这样做有个好处就是,只有当用户点击播放了才请求完整文件,对于PC还好,对于手机这类数据传输需要收费的设备来说,必须要节省流量。
另外在iphone上chrome也用的是apple提供的内核,导致他们的行为基本上一致。

video在ios不能播放相关推荐

  1. 微信小程序 video标签 ios不能播放视频或视频黑屏

    首先用ios的浏览器打开视频的链接,看通过浏览器是否可以播放,如果可以则说明视频没问题. 注意视频的编码格式,再有就是,如果视频是直接存放在服务器上的,注意给出的视频路径不要存在中文,存在中文在ios ...

  2. 微信开发H5 video 视频在ios可以播放但是在android手机上无法播放或者黑屏

    1.首先视频在ios无法播放可能的原因是视频地址可能无效,在确认视频在PC端浏览器可以播放后则看是否是ios的安全限制,视频放的位置不可以访问到. 2.视频在android上黑屏,可以播放但是暂停时黑 ...

  3. iOS 音频播放,录音,视频播放,拍照,视频录制

    iOS开发系列--音频播放.录音.视频播放.拍照.视频录制 2014-12-26 09:15 by KenshinCui, 149110 阅读, 67 评论, 收藏, 编辑 --iOS多媒体 概览 随 ...

  4. 视频直播APP源码开发iOS音频播放流程

    视频直播APP源码开发iOS音频播放流程 概览 随着移动互联网的发展,如今的手机早已不是打电话.发短信那么简单了,播放音乐.视频.录音.拍照等都是很常用的功能.在iOS中对于多媒体的支持是非常强大的, ...

  5. iOS音频播放 (八):NowPlayingCenter和RemoteControl

    转自 码农人生 ChengYin's coding life http://msching.github.io/blog/2014/11/06/audio-in-ios-8/ iOS音频播放 (八): ...

  6. 微信小程序 webview mp4视频 在ios无法播放 安卓和谷歌浏览器正常

    记一次微信小程序开发,视频兼容问题 参考链接:https://www.jianshu.com/p/31f0593496ef 问题描述: 微信小程序 内嵌webview 利用video标签播放流媒体视频 ...

  7. android html5 video 格式,关于H5 video在移动端播放问题

    常见问题和解决方案: 1.video添加自动播放属性autoplay,无法正常播放视频. 解决方案: 需要在video标签中添加muted属性但是设置muted之后,它规定视频的音频输出时应该被 静音 ...

  8. uniapp h5直播拉流的几种方法 flv.js, video.js, 阿里播放器sdk,video标签

    uniapp h5直播拉流的几种方法 flv.js, video.js, 阿里播放器sdk,video标签 前言 首先引入资源文件 需要创建index.html 模板文件 flv.js video.j ...

  9. 【C# 处理IOS无法播放HTTP视频流】

    C# 处理IOS无法播放视频流 最近有客户提出,拍摄的视频文件,安卓上可以正常的播放.但ios上无法正常播放.在网上找了很多资料,踩过一些坑,在这里记录一下. 刚开始时代码返回的视频流是在一个请求里全 ...

最新文章

  1. 微软亚洲研究院成立OpenNetLab,探索以“数据为中心”AI网络研究新范式!
  2. (转)json-lib 的maven dependency
  3. 并发Goroute、定时器、信号处理、单元测试
  4. 使用Java进行查询hugegraph_HugeGraph Examples
  5. java求完数(完全数 完美数)
  6. 我们未能完成您的购买_销售完成后,客户的消极情绪产生的原因及处理方法
  7. mysql事务中宕机_事务执行一半,业务系统宕机,数据库的数据会怎样?
  8. python文件分块读取_Python多进程分块读取超大文件的方法
  9. sql server 中xml 数据类型的insert、update、delete
  10. 【Linux】10个帮助你调试的命令
  11. 对因果报应和轮回的态度
  12. MySQL索引优化案例学习总结
  13. 三因子两水平doe_温故而知新 | DOE实验设计学习系列之(三):多因子DOE的魅力 (附视频)...
  14. 微信公众号选择什么服务器好,微信开发选择订阅号还是服务号好?
  15. visio 2007 画直线和矩形
  16. 凑硬币算法C语言,《凑硬币》 动态规划算法入门
  17. jenkins启动后无法连接网络解决方法
  18. 得到平面设计师进阶之路
  19. android手机截屏代码,Android手机截屏代码
  20. 有孚网络CEO安柯:IT部门趋于轻量化 “平台+服务”或将成为主流

热门文章

  1. python中shutil模块的用法-高级文件操作模块
  2. 心理大师于际敬:技术人群心理特征及压力管理
  3. Java调用exe示例
  4. 金坐标股票软件:世联地产和亚太股份今日网上申购
  5. 计算机英语作文查看帮助框,四六级写作翻译语法检测工具推荐
  6. python - 饮料机,if elif与列表法
  7. 基于Matlab的饮料瓶识别,以及打印对应信息
  8. python利用argsort进行排序
  9. 我的世界java版记分板_我的世界基岩版计分板入门教程
  10. git中ssh免密登录