阿里云播放器SDK的正确打开方式 | Aliplayer Web播放器介绍及功能实现（三）

[align=middle; cursor: pointer; max-width: 100%; box-sizing: border-box;" title="_1" src="https://yqfile.alicdn.com/678d22a9ce45379b2a64b3eecf144a429f388f7b.png" alt="_1" /> 播放器架构 播放器功能 最近，我们在播放器端上也实现了截图、国际化、变速、UI自定义、微信同层播放、自适应播放、加密播放、H5播放flv、自定义插件等功能。后续，我们还会通过插件的形式实现弹幕、广告等功能，并会开源到github上，也会支持用户根据自己业务需求来自定义SDK包。 播放器支持视频格式 适配播放 我们整个视频播放的基本原则是H5优先，能用H5播放的肯定不用Flash去播放。所以在移动端，我们肯定是用H5来播放的，PC端也依照这个原则尽量使用H5。同时，我们会判断浏览器类型支持哪种播放格式，比如m3u8在PC端IE11以上的浏览器才能播放，如果遇到IE11以下的浏览器，我们自动会选择Flash播放。在视频格式方面，假设视频是rtmp和flv，我们会自动选择Flash播放。另外，如果用户自主设置useH5Prism和useFlashPrism属性，那我们也会依照用户的选择。 浏览器支持情况 两种播放方式 source，通过url 去播放 通过点播vid+playauth去播放，第二种方式和视频云结合比较紧密 点播播放格式的选择 点播服务中转码生成的视频格式有很多，包括m3u8、flv、mp4等。播放器有自己的一套逻辑去选择播放格式。对于H5来说，默认播放低清版本来节省流量，如果用户使用了切换清晰度的功能，那我们会默认打开他选择的版本。格式方面，则默认播放mp4，用户也可以设置qualitySort来优先播放高清的的版本。对于Flash来说，默认格式顺序是m3u8、flv、mp4。 二、功能介绍及启用 创建播放器 引用正确的JS和CSS文件 添加播放器容器 需要设置容器的id属性，另外2.0.1之前的版本要添加prism-player类型。 New Aliplayer创建播放 在线配置，用户可以预先体验下播放器的情况 Aliplayer-Cli创建演示例子 PC端支持m3u8 订阅和取消事件 清晰度切换 手动切换视频-H5 手动切换视频-flash 地址播放方法与H5的方法一样，vid+playauth播放则需要先销毁播放器，再重新创建播放。 不同地址格式的切换 只能先销毁播放器，再重新选择正确的播放器播放。Github地址看simple demo：https://github.com/alilmq/aliplayer-simple-demo![b_3_7] UI自定义 截屏 H5启用: 支持设置截图的大小和质量： 边转变播功能 边转边播是MTS的功能，播放器可以支持这种场景的播放。第一次观看的时候调用MTS API启动转码，边转码边播放，而且可以设置延迟播放。转码中使用直播播放器，转码完成后使用点播方式播放。 H5 android微信同层播放 还要一种场景是直播场景，视频需要全屏。可以通过设置x5_type:h5启用同层播放。Demo 地址：https://github.com/alilmq/h5livedemo 国际化 提供language属性，用于启用各种语言，默认为zh-cn，可选值为zh-cn or en-us。 倍速播放 对于直播播放失败的处理 在播放失败时候，会尝试重新播放，触发onM3u8Retry事件，事件里可以做一些提示，比如主播离开请稍等；如果几次尝试后还是失败，会出发livestreamstop事件，事件里做一些直播失败或结束的提示。 三、其他辅助功能及工具 我们也做了一些辅助工具，方便用户去接入和排查问题。 诊断工具 检测工具 关于视频播放失败，我们提供了三种方式，原生H5、阿里云H5、阿里云Flash。我们把播放的日志调出来，通过日志来情况来判断播放失败的原因。举个例子，如果用户刚开始请求数据时就失败的话，那我们会猜测存在鉴权失败的情况；如果加载数据出错，那可能是用户的网络的原因；如果是开始播放后出错，可能就问题就出在解析或播放器不支持等方面。 ffmpeg查看视频信息 最后，阿里云播放器的所有情况都聚合在以下的网站上：http://player.alicdn.com/detection.html，其中包括帮助文档、在线配置、诊断工具、产品demo等，大家可以登录了解详情。 [/align] 本文为云栖社区原创内容，未经允许不得转载，如需转载请发送邮件至[email protected]；如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件至：[email protected] 进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容。