HTML5为什么取代了Flash(二)

本文介绍了使用MSE播放HLS流的方法,并列举了实施过程中可能遇到的问题,如视频采样重叠、元数据丢失等。为了成功实现播放,推荐使用hls.js或video.js等支持MSE的库。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

   006zipb5zy79T3PerBp1b&690

专业播放HLS 

使用MSE播放HLS流看起来非常有前途,但是实施起来却不那么直接。要想如愿以偿,你需要从以下步骤开始:

1.集成支持MSE的库(比如hls.js或video.js)到播放器。如果你已经构建定制版Flash播放器,这一步会有点棘手。不过这正是转向新播放器的好理由。如今有很多性能良好的现代播放器,使用它们你不需要从头编译。想想维护播放器所花费的时间吧。

2.确保集成的库能够播放HLS视频流。许多原生HLS流实际上不是有效视频流。我们发现各种各样的问题,包括:视频采样重叠,元数据丢失,非对齐帧,帧尺寸变化却没有EXT-X-DISCONTINUITY标志,EXTINF和片段URL之间有注释,解码问题,等等。

尽管Flash播放器能够自动处理其中的一些问题,但是hls.js却不能。因此确保视频流正确配置非常重要。

你可以在这里检查HLS视频流的有效性,并在公共测试机上进行测试:hls.js,video.js,JW7.4。

3.注意回退兼容Flash。在MSE不可用的情况下你可能需要回退到Flash播放器。MSE在以下浏览器上可用:

 

 

转载于:https://my.oschina.net/u/2971691/blog/870263

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值