摘要：Aliplayer希望提供一种方便、简单、灵活的机制让客户扩展播放器的功能，而Aliplayer提供了一些组件的基础实现，用户可以基于这些开源组件实现个性化的功能，比如as定义UI和自己App服务器的交互等等，而不是从头开发一些功能，省时省力。阿里云播放器SDK（ApsaraVideoforPlayerSDK）是阿里视频云到云到端服务的重要组成部分。除了支持点播和直播的基本播放功能外，还深度集成视频云服务，支持加密视频播放，安全视频播放。下载、首屏即开、低延迟等业务场景，为用户提供简单、快速、安全、稳定的视频播放服务。阿里播放器网页播放器分为H5和Flash。Flash播放器会随着技术的发展逐渐被边缘化，而H5播放器会越来越流行。播放器端实现了截图、国际化、变速、UI自定义、微信同层播放、自适应播放、加密播放、flv的H5播放、自定义插件等功能。虽然阿里播放器已经具备了比较完善的公共基础能力，但用户会有一些更高层次的、业务相关的需求，会根据用户自身的需求，产生个性化的差异化，比如弹幕、跑马灯、视频列表等。因此，Aliplayer希望提供一种方便、简单、灵活的机制让客户扩展播放器的功能，Aliplayer提供了一些组件的基础实现。用户可以基于这些开源组件实现个性化的功能，比如自定义UI和自己App服务器的交互等，而无需从头开发一些功能，省时省力。于是，支持自定义的新版阿里播放器应运而生。自定义组件的原理？阿里播放器希望有一种非常简单的组件定义方式，让用户的学习成本接近于零。因此定义了整个播放器生命周期的重要阶段。作为函数钩子，用户可以通过函数钩子实现各个阶段的自定义逻辑。下图列出了主要的生命周期，说明在功能周期中会发生什么一些阶段：每个阶段的描述：组件系统的特点：1.实现简单：用户只要有基本的知识就可以开发插件前端，并且支持ES5和ES6语法，只需要定义一个Function或者Class，根据自己的业务需要实现生命周期功能。2.实例：组件注册到播放器，播放创建过程中也会创建组件实例。组件可以保存状态，所以一个组件定义可以向播放器注册多个播放器，通过传递不合理的参数构建不同的组件。具有不同行为的组件。3.开源：每个开源组件都包含通用的基础功能，用户可以在开源的基础上实现自己的个性化需求，给予用户更大的自主权。组件化的实现，用户如何快速定制开发？该组件提供两种方式供用户开发自己的播放器组件：ES6类类型定义一个组件当你的项目使用ES6语法，通过webpack或者babel构建时，推荐使用这种方式。b.使用Aliplayer提供的Component方法2.如何启用组件。播放器提供组件属性。通过给组件赋值，玩家可以使用组件。这个属性的类型是数组。以组件类型作为取值，如：components:[staticADComponent]，否则以对象字面量的形式指定类型和参数，参数也是一个数组，如：components:[{type:staticADComponent,args:[1,2]}]，如果需要获取实例的组件，需要设置name属性。启用组件3.如何获取组件在某些场景下，需要让组件做一些事情，比如调用组件中的方法。这时可以通过播放器的getComponent方法获取，参数为组件名称。目前，阿里播放器已经实现了8个常用组件，并在github上开源。用户可以获得实现的代码并贡献自己的代码和建议。?记忆播放?开始广告?暂停广告?播放下一首?播放列表?旋转和镜像?视频广告?弹幕?试用如果用户实现了Aliplayer组件并想投稿，请联系我们，我们将在github主页添加导航，链接到您的github项目。Aliplayer体验馆：https://player.alicdn.com/ali...AliplayerGithub：https://github.com/aliyunvide...本文作者：喜力阅读原文内容原文云栖社区，未经允许不得转载。
