昵称登录后显示

阅流（上线，18人，前端 8 人） - uniapp,Vue
2020.08 - 2022.06
项目概述：「阅流」是一个创意资产管理与协同工作流平台，具有影像数据实时上云、媒资管理、云上生产协作三大模块，助力用户进行云端影音创作。目前服务于影视飓风、少年得到、特赞等50+家企业以及100w+个人用户。
个人职责： 作为开发负责人对播放器进行技术选型；播放器业务功能开发；统一项目组开发规范。
项目难点：PC、H5、小程序多端适配；播放器适配多种使用场景；视频画面的圈点和标注；项目的组件化和工程化。
工作成果：
为灵活应对需求，对播放器进行了组件化拆分，分为接口组件、容器组件、功能组件3类，共计30+组件，提升了50%的开发效率。例如，多屏播放器组件支持同时播放2～4个视频。
为方便用户可以在视频上方进行圈点和标注，在Canvas工具库fabricjs的基础上封装出一套属于自己的绘图工具组件
使用hls.js、flv.js、video.js封装了一套属于公司的专属视频播放器组件，能够同时支持MP4、m3u8、flv等多种视频格式的播放，其中直播视频能将延迟控制在300ms以内，能很好的满足用户实时审片的需求。
由于用户对播放器进度条有特殊需求，为播放器封装了新的进度条组件，除了时间跳转的基础功能之外，还能选择播放区域，以及hover后预览视频画面。
为应对用户需要在不同比例下查看视频的需求，使用Canvas实现了对视频画面分别进行2.35、1.85、16:9、9:16、4:3、1:1等多种比例的裁切。
除了以上的组件外，还封装了图片缩放预览组件、视频画面旋转组件、文件对比组件、3D文件预览组件、音频播放器组件等。
为实现播放器能实现PC、H5、微信小程序多端适配，以及在多项目中使用，使用submodule对播放器模块进行分离，后续可以将播放器单独发布成npm包。现已有3+项目在使用播放器相关功能，已服务于14+开发同事。
项目开发后期，播放器团队已从1人增加到2人，为保证播放器的开发质量以及与各项目组的对接效率，制定了统一的编码规范、命名规范和分支管理规范，开发时进行单元测试，开发后编写播放器使用文档，并自动化集成和部署。