开发者社区> 问答> 正文

使用视频点播时拖动进度条, 获取当前播放的时间节点的缩略图是怎么获取的?

使用视频点播时拖动进度条, 获取当前播放的时间节点的缩略图是怎么获取的? 通过截图吗还是有相应获取的api?
flutter端

展开
收起
乐天香橙派 2023-07-18 15:51:48 493 0
4 条回答
写回答
取消 提交回答
  • 北京阿里云ACE会长

    拖动进度条获取对应时间节点的缩略图,主要通过以下几步来实现:

    获取视频 manifest 文件。视频点播服务会提供每个视频流的 manifest 文件,包含视频的基本信息和缩略图信息。

    解析 manifest 文件,获取缩略图信息。manifest 文件会标注每个时间点对应的缩略图 URL。

    计算出当前进度对应的时间点。根据视频总时长和当前进度(百分比),计算出精确到秒的时间点。

    根据计算出的时间点,寻找对应的缩略图 URL。从 manifest 文件中查找到该时间点对应的缩略图 URL。

    调用 API 获取实际缩略图。通过缩略图 URL 获取实际的图片资源,显示给用户。

    展现缩略图。在播放界面中,使用 标签或者 CSS 背景图片的方式展现该缩略图。

    2023-07-28 18:50:35
    赞同 展开评论 打赏
  • 获取视频点播进度条上的缩略图通常是通过以下步骤实现的:

    1. 生成视频缩略图:在视频上传或预处理时,通常会生成视频的缩略图。这些缩略图是视频的快照图像,用于展示视频的关键帧,以便在进度条上显示。

    2. 存储缩略图信息:视频缩略图信息通常会与视频元数据关联,并保存在文件、数据库或其他媒体管理系统中。缩略图可能会与视频的时间点或帧索引进行关联,以便在需要时能够根据时间节点获取相应的缩略图。

    3. 根据时间节点获取缩略图:当用户拖动进度条时,通过读取当前播放时间节点,可以从存储的缩略图信息中获取相应的缩略图。根据时间节点,找到离该时间节点最近的关键帧的缩略图,并在进度条上显示。

    4. 显示缩略图:获取到缩略图后,可以根据需要将其显示在进度条上的相应位置,以便用户可视化地查看视频的关键帧和时间节点。

    2023-07-18 22:27:32
    赞同 展开评论 打赏
  • 1.获取缩略图 URL
    在播放器 prepare 完成后,通过 fAliplayer.getMediaInfo()获取 MediaInfo,再从 MediaInfo 中获取缩略图 URL 列表。
    2.使用 SDK 提供的 helper 帮助类获取缩略图
    调用 fAliplayer.setOnThumbnailPreparedListener 设置缩略图 prepare 监听
    调用 fAliplayer.setOnThumbnailGetListener 设置获取缩略图监听
    调用 fAliplayer.createThumbnailHelper(); 参数传缩略图 URL
    3.获取指定位置的缩略图
    步骤 2 中 ThumbnailPreparedListener 回调 preparedSuccess 后,可以调用 fAliplayer.requestBitmapAtPosition(position); 获取指定位置的缩略图。获取的缩略图会在 ThumbnailGetListener 回调中返回—此回答来自钉群“阿里云-VOD-视频点播-技术交流(进群先看公告)”

    2023-07-18 18:17:47
    赞同 展开评论 打赏
  • 在使用视频点播时,获取当前播放时间节点的缩略图可以通过截图或者使用相应的 API 进行获取。下面提供两种方法:

    1. 截图:你可以在用户拖动进度条时,通过获取视频当前帧的截图来获取对应时间节点的缩略图。在 Flutter 中,你可以使用 flutter_ffmpeg 插件或其他类似的插件来进行视频截图操作。

      需要注意的是,截图需要耗费一定的时间和资源,可能会对视频播放性能产生一些影响。因此,建议在用户停止拖动进度条之后再进行截图操作,以减少性能消耗。

    2. 使用 API:某些视频播放器 SDK 或服务提供了获取特定时间节点缩略图的 API 接口。通过调用这些接口,你可以直接获取到对应时间节点的缩略图数据。具体的使用方式和 API 接口名称可能因所使用的视频播放器不同而有所差异,请参考所选用的视频播放器 SDK 或服务的文档或示例代码,了解如何使用该功能。

    2023-07-18 15:55:32
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
互联网音视频点播业务云上实践 立即下载
《VoD问题排查与实战手册》 立即下载
低代码开发师(初级)实战教程 立即下载