阿里云 Aliplayer高级功能介绍(二)：缩略图

最新推荐文章于 2024-08-23 09:18:37 发布

阿里云技术

最新推荐文章于 2024-08-23 09:18:37 发布

阅读量747

点赞数

文章标签：阿里云

本文链接：https://blog.csdn.net/weixin_43970890/article/details/86158056

版权

阿里云Aliplayer提供了缩略图功能，提升用户体验，通过WebVTT文件格式展示时间和图片对应关系。WebVTT是UTF-8编码的文本文件，包含时间范围和图片地址。缩略图可以是独立图片或雪碧图，Aliplayer支持通过VideoId或自定义WebVTT地址来使用缩略图功能，与阿里云媒体处理服务结合，实现视频播放时的缩略图显示。

摘要由CSDN通过智能技术生成

基本介绍

Aliplayer提供了缩略图的功能，让用户在拖动进度条之前知道视频的内容，用户能够得到很好的播放体验，缩略图是显示在Controlbar的上面，并且包含当前的时间，阿里云的媒体处理服务提供接口可以生成缩略图的功能，先看一下基本的效果：

缩略图的格式

WebVTT介绍

缩略图采用了webvtt的文件格式去表示时间和显示图片的对应关系，WebVTT不仅可读性好，而且解析也比较容易，下面是一个27秒包含3个截图的WebVTT文件内容：

WEBVTT

00:00.000 --> 00:09.174
vM7nH0Kl-120.jpg?xywh=0,0,120,53

00:09.174 --> 00:18.348
vM7nH0Kl-120.jpg?xywh=120,0,120,53

00:18.348 --> 00:27.523
vM7nH0Kl-120.jpg?xywh=240,0,120,53

WebVTT是UTF-8编码格式的文本文件，主要如下：