写点什么

用户的等待只有 0.3 秒!如此苛刻该用什么样的播放器?

  • 2019-10-05
  • 本文字数:2562 字

    阅读完需:约 8 分钟

用户的等待只有 0.3 秒!如此苛刻该用什么样的播放器?

2017 年,马克·扎克伯格接受 CNBC 采访时说:「视频是大趋势,未来我们会在视频尤其是短视频上投更多资源。往后五年你会发现,在互联网大家最乐于传播的一定是短视频。」

10 秒时代


现在,似乎没人会怀疑这个论点了。Vidyard 最新发布的视频报告更印证了他的论点——短视频更能吸引观众的注意。时长 90 秒以下的视频播放完成率最高(53%),而 30 分钟以上的长视频的完成率只有 10%。


对内容制造者来说残酷的现实是:大部分观众在看视频时只看了前 10 秒。


当观众只有 10 秒钟决定要不要继续看这个视频,播放体验显得尤其重要。如果你的视频首开慢、卡顿,观众还有什么耐心看下去?

影响播放体验的核心因素

影响用户播放体验的核心因素有两个方面,第一个方面是:网络传输的质量,第二个方面是:播放器的质量。


网络传输的质量主要影响要素是 CDN 和 本地网络。网络质量问题固然重要,但这主要是云服务商和运营商的优化内容。


播放器是离用户最近的一端,但是在播放器上的技术创新往往最容易被开发者忽略。对有视频播放的产品来说,一个优秀的播放器 SDK 对提升播放体验来说事半功倍。


播放器的质量主要体现在两方面:


1.对媒体文件的解析和渲染的质量和效率


2.功能是否丰富,是否能满足各种应用场景下的需求


一个好的播放器不但要能应对复杂的网络环境,多样的编码算法和封包格式,更需要满足客户不同场景下的业务需求,高效高质量播放视频文件。

在播放器上优化用户体验

优秀播放器的标准

从最终观众的角度来看,一款优秀播放器应该做到:首开快、不卡顿、功能丰富。


从开发者的角度开看,一款优秀播放器应该做到:跨平台播放器,包体小,更强的兼容性,更丰富的功能、方便二次开发。

七牛云播放器架构设计思路

好的架构设计可以让产品的工程更加灵活、可维护、易读。这些特点最终会体现在产品的稳定性、灵活性、易用性上。下面我们来说说七牛现有播放器内核的整体架构。



七牛云播放器内核架构


从上图可以清晰地看到,播放器流程中有诸多功能。这些功能是单独的组件,他们可以像拼装玩具一样,根据业务需要灵活地参与到整个播放过程当中。


如果播放器领域有新技术演进或者新功能需求,可以通过替换上面这些功能模块灵活组合。比如,H.265 编解码技术就可以加入到 Decoder 模块中。



七牛云播放器内核架构


换一个角度看同样的过程,我们会发现七牛播放器做了分层设计。所谓分层设计就是控制层和数据层解耦。数据层就像工厂的加工模组,控制层就像总控的流水线。播放器播放过程其实就是一个把数据在不同地方变成另外一种格式的数据,并加以控制的过程。所以我们可以通过数据来驱动各种模块,反过来获得自己需要的格式数据。

七牛云播放器特色功能详解

七牛完全自主研发新版跨平台多媒体播放器,可以灵活根据目前市场新兴使用场景做针对性优化。



毫秒级首开

我们进行了主流机型在多种环境下的直播流首开测试。测试结果,首开速度控制在 200ms 左右。除了播放器直播流首开速度快以外,在播放点播视频的首开上也做了深度的优化。



测试视频

特色功能

1. HLS 自适应码率切换播放,轻松应对终端用户复杂网络环境

单码率视频无法应对客户端网络带宽环境的变化,七牛云播放器支持 HLS 协议,让客户在不同的网络带宽环境下,播放不同码率、分辨率的视频,获得最佳的观看体验。


实现原理:


HLS 的实现原理是把整个多媒体文件切成一个个小的基于 HTTP 的资源(Transport Stream 格式的文件),生成一个包含元数据的扩展 M3U (M3U8) Playlist 文件,每次只下载列表中的一些资源,客户端根据带宽环境可以选择不同的的资源。M3U8 是一种播放多媒体列表的文件格式,可以指定一个或多个多媒体资源的位置,并且 M3U8 Playlist 中可以包含多个子 M3U8 文件。

2. 独家自研动态追帧播放策略,有效降低播放延时和卡顿

复杂的网络抖动是直播最大的挑战之一,如果采用常规的丢帧或者追帧策略,用户就会感觉到声调的异样。七牛推出的无感知动态追帧策略可以在有效快速追帧的同时,不改变音频听感,遇到网络状况较差的情况还可以通过调节策略降低卡顿率。

3. DRM 版权保护,防止数字媒体的非法复制

Digital Rights Management,DRM 数字版权保护,可以通过一定的安全算法/协议对视频进行加密保护,使得视频在未经授权的条件下即使被非法复制和分发后,也无法正常播放,从而有效地保护了视频资源,阻止了盗版行为。



七牛云 DRM 架构

4.支持 H.265 播放

H.265 支持是未来音视频领域的一大趋势,可以帮助客户节省将近 40% 的 CDN 带宽,这些节省的带宽费用全都是企业的利润点。但是 H.265 的解码算法要远远比 H.264 复杂,因此播放器解码 H.265 会有更大的功耗,也对播放器的解码性能提出了更高的要求。目前七牛播放器已经支持 H.265 软解。

5.支持软硬解自动切换

所谓软解就是用 CPU 对视频文件进行解码,而硬解是用 GPU 对视频文件进行解码。软解的好处是比较通用,而硬解的好处就是效率比较高。所以如果要优化播放效率的同时还要兼顾兼容性,就要做到以下两点:


1.首先能用 GPU 解码的就尽量用 GPU 去解码,这样就优先做到了高效率;


2.当有些机型的 GPU 不支持对解码视频文件时,又可以自动切回软解,这样也解决了硬解不支持的情况下的兼容问题。


目前七牛的播放器同时具备高效和兼容的特点。

6、支持本地缓存、边下边播

我们知道网络传输是有一定抖动的,所以播放在线视频时,播放器一般采取这样的策略:在网好的时候,多下载一点放到播放的一个队列里面暂时存着,网差的时候就可以播放暂存的视频。这样整体在线视频的播放体验就会比较流畅。这个暂时放视频内容的地方就是播放器缓存。


边下边播其实就是:一边下载视频到缓存队列里面,一边直接播放出来。那么本地缓存功能就多了一个步骤,将缓存里面已经播放过的视频存储到本地的一个 storage 里面。

总结

2016 年到 2017 年,直播和短视频产品分别崛起,七牛也提供了完善的直播和短视频解决方案。同时七牛的播放器产品推出以来一直非常受市场的欢迎,我们在 Github 上收获了数千 star,运行在诸多知名的应用内。



七牛新版本播放器在原有基础上进行了深度优化,完全自研了播放器的内核。与目前市面上大多数的播放器相比起来,包体更小、首开更快、功能更加丰富、性能也更加出色,并且提供了极其丰富的接口,方便自定义开发。


本文转载自公众号七牛云(ID:qiniutek)。


原文链接:


https://mp.weixin.qq.com/s/px_PS3kBf9Ajdu8SEpFGMQ


2019-10-05 17:441401

评论

发布
暂无评论
发现更多内容

2021物联之星评选结果重磅出炉!AIoT产业核心玩家已经浮现

dgiot

微博评论高性能高可用架构设计

随欣所遇

架构训练营5期

7 种最棒的 Vue Loading 加载动画组件测评与推荐 - 穷尽市面上所有加载动画效果(Vue loader)类型 - 卡拉云

蒋川

Vue vue admin vue loading

使用 CachedNetworkImage 实现图片离线缓存

岛上码农

flutter ios Android开发 移动端开发 3月月更

尤达 DDD 领域驱动设计思想 第三章作业(识别SmartRM系统货柜机免密支付购物场景里的聚合)

代廉洁

尤达DDD领域驱动设计思想

LabVIEW设计自定义滚动条

不脱发的程序猿

LabVIEW 设计自定义滚动条

微博评论高性能高可用场景

风中奇缘

架构实战营 「架构实战营」

什么是 503 服务不可用错误?

Ethereal

条码WMS系统与ERP接口实现方法

源字节1号

后端开发 WMS系统 ERP接口

最棒的 7 个 Laravel admin 后台管理系统推荐 - 卡拉云

蒋川

laravel vue admin

Linux网络管理工具:ifconfig,从入门到精通!

Ethereal

ShardingSphere-Proxy分库分表(一)

神农写代码

分库分表

利用Struts拦截器限制上传图片的格式和大小

喀拉峻

网络安全

搜索引擎Elasticsearch简介实践

yuexin_tech

elasticsearch

重学架构之微博评论高性能高可用计算架构

陈华英

架构实战营 #架构实战营

扎“芯”了——CP探针卡的国产替代道阻且长

IC男奋斗史

芯片技术 芯片上游

《第四期(2021-2022)传统行业云原生技术落地调研报告——金融篇》重磅发布!

York

容器 DevOps 云原生 金融科技 金融行业

LabVIEW保存、读取配置文件

不脱发的程序猿

LabVIEW 保存、读取配置文件

Redis线程模型

javaadu

redis 面试题

SpringCloud-Ribbon学习记录

昊运

SpringCloud

OceanBase 在线体验环境,现已上线!

OceanBase 数据库

oceanbase OceanBase 社区版 在线体验站

限时200位免费!网易云信娱乐社交公开课来啦!

网易云信

娱乐社交

一文剖析:LVS/Nginx/HAProxy原理及应用场景

穿过生命散发芬芳

3月月更

持续集成引擎篇:K8S与服务自动发布

Docker 架构 k8s 持续集成 jenkins

VUE创建视频流应用

devpoint

Vue Video播放器 3月月更

欧拉的奇异之旅·共赴开源时代

脑极体

低调不了!最佳体验尽在 Erda 2.0 版本

尔达Erda

云计算 云原生 设计 发布 界面改版

OpenHarmony设备开发环境搭建/源码获取/编译/烧录

拓维信息

OpenHarmony 烧录

大型企业SAP集成WMS系统方案流程

源字节1号

开源 解决方案 后端技术

《软件开发的201个原则》思考:2. 质量在每个人眼中都不同

非晓为骁

程序员 个人成长 开发

「架构实战营」微博评论高性能可用计算架构

hxb

「架构实战营」

用户的等待只有 0.3 秒!如此苛刻该用什么样的播放器?_文化 & 方法_七牛云_InfoQ精选文章