本帖来自VES(Video Engineering Summit)2019的演讲,主要内容是使用开源库构建自定义视频体验(Building A Custom Video Experience With Open Source),演讲者Stephen Cronin是来自Reaktor公司的开发人员。
开发视频播放器并不是一项小任务。需要我们将许多不同的技术和规范必须结合在一起,来创建一个可访问的、有凝聚力的视频体验。当你是一个小团队的时候,这会带给你压迫感,特别是当用户需要自定义功能的时候。在本次演讲中,我们将介绍如何快速启动和运行核心视频体验。然后,我们将深入定制我们的播放器,添加额外的功能使我们的播放器独特,如封闭字幕和HLS流。所有使用的库都是开源的,包括react、video.js、vtt.js和hls.js。
Stephen将演讲分为了四部分,项目背景,项目概述与需求,代码实现,已取得的成功与展望。
首先,Stephen介绍了项目的背景,Stephen在First Look Media工作,并在播放器方面取得了成功。然而许多视频播放网站都在寻求重新设计,如Topic,以面对用户的更多需求。这些需求包括,让播放网站更专注于视频本身,拥有可自定义的视频播放体验,以及可扩展性。而为了让项目更独特,Stephen指出项目需要首先认清三个问题:谁是需要面向的客户与产品,想要设计的功能,现有的资源。
然后,Stephen向我们展示了部分演讲标题项目的代码实现。首先是前端栈的实现,主要介绍了JWPlatform。然后是使用到的开源工具,包括Video-react,VTT.js,HLS.js。
最后,Stephen展示了已取得的成功与之后的展望。他指出他们的工作已经完成,能够为用户提供最流畅的使用体验,同时客户端正在持续扩展播放器功能,包括自定义广告的集成。在之后的工作中,他们将进一步提升播放器的体验,并提供不一样的播放形式。
下面,将分两部分展示演讲的视频。
视频的第一部分介绍了项目背景和需求:
视频的第二部分介绍了代码实现和已取得的成功与展望: