如何打造一个支持多段视频无缝播放的 html5 播放器

This topic created in 3426 days ago, the information mentioned may be changed or developed.

在帮一个美国朋友写一个 html5 播放器，但是有个对于我来说挺狗血的要求。

不知为何原因它要将此视频分割成两段:1234-1.mp4和1234-2.mp4，然后才上传这两段视频到服务器，用户访问的时候就读取这两个视频

我印象中曾经不知道是搜狐还是新浪就用过这种方法，一个视频分段出 N 个小视频，用户访问时通过播放器来处理，但是在 ios 网页播放的时候就出现了进度条只有 30 秒（也就是分段处理的那 N 个小视频的长度）无法拖动访问后面内容的情况求各位 V 友支支招

12 replies • 2017-06-25 12:19:09 +08:00

nolo

Jun 24, 2017

楼主可以了解一下 ts 流媒体格式

bozong

Jun 24, 2017

xiaome

Jun 24, 2017

hls 可以达到你的需求，下面是一个实现方案
https://github.com/video-dev/hls.js

McContax

Jun 24, 2017

@xiaome
https://github.com/video-dev/hls.js 这个比较符合我的构思，但是问题是不支持 IOS，也是麻烦啊，不过不可否认在 PC 端的确是很好用的.

uuair

Jun 24, 2017

说个技术以外的话，这个不就是 porn 系列网站的存储方法么？

uleh

Jun 24, 2017

这不就是现在主流的流播方案么。。
可以看下 m3u8 或者苹果的 HLS 方案。
客户端的话我记得好像有个叫 dash.js 的。

mxalbert1996

Jun 25, 2017 via Android

LosLord

Jun 25, 2017 via Android

ios 不是原生支持 hls 那

USCONAN

Jun 25, 2017

DASH
Dynamic Adaptive Streaming over HTTP
目前最佳全能方案

xiaome

Jun 25, 2017

@McContax #4 HTTP Live Streaming （ HLS ）就是苹果的技术，你说不支持 ios???
https://developer.apple.com/streaming/

facetest

Jun 25, 2017 via Android

自己控制不就好了，播完一个片段接着播下一个，记得提前缓冲就行

n37r06u3

Jun 25, 2017

服务器用哪个可以上传视频的