相关内容
删除雪碧图模板
删除雪碧图模板。 默认接口请求频率限制：100次秒。 推荐使用 api explorer 点击调试 api explorer 提供了在线调用、签名验证、sdk代码生成和快速检索接口等能力。 您可查看每次调用的请求内容和返回结果以及自动生成 sdk 调用示例。 2. 输入参数以下请求参数列表仅列出了接口请求参数和部分公共参数，完整公共参数...
修改雪碧图模板
修改用户自定义雪碧图模板。 默认接口请求频率限制：100次秒。 推荐使用 api explorer 点击调试 api explorer 提供了在线调用、签名验证、sdk代码生成和快速检索接口等能力。 您可查看每次调用的请求内容和返回结果以及自动生成 sdk 调用示例。 2. 输入参数以下请求参数列表仅列出了接口请求参数和部分公共参数...
删除雪碧图模板
删除雪碧图模板。 默认接口请求频率限制：100次秒。 推荐使用 api explorer 点击调试 api explorer 提供了在线调用、签名验证、sdk代码生成和快速检索接口等能力。 您可查看每次调用的请求内容和返回结果以及自动生成 sdk 调用示例。 2. 输入参数以下请求参数列表仅列出了接口请求参数和部分公共参数，完整公共参数...
修改雪碧图模板
修改用户自定义雪碧图模板。 默认接口请求频率限制：100次秒。 推荐使用 api explorer 点击调试 api explorer 提供了在线调用、签名验证、sdk代码生成和快速检索接口等能力。 您可查看每次调用的请求内容和返回结果以及自动生成 sdk 调用示例。 2. 输入参数以下请求参数列表仅列出了接口请求参数和部分公共参数...
创建雪碧图模板
创建用户自定义雪碧图模板，数量上限：16。 默认接口请求频率限制：100次秒。 推荐使用 api explorer 点击调试 api explorer 提供了在线调用、签名验证、sdk代码生成和快速检索接口等能力。 您可查看每次调用的请求内容和返回结果以及自动生成 sdk 调用示例。 2. 输入参数以下请求参数列表仅列出了接口请求参数和部分...
创建雪碧图模板
创建用户自定义雪碧图模板，数量上限：16。 默认接口请求频率限制：100次秒。 推荐使用 api explorer 点击调试 api explorer 提供了在线调用、签名验证、sdk代码生成和快速检索接口等能力。 您可查看每次调用的请求内容和返回结果以及自动生成 sdk 调用示例。 2. 输入参数以下请求参数列表仅列出了接口请求参数和部分...
获取雪碧图模板列表
查询雪碧图模板，支持根据条件，分页查询。 默认接口请求频率限制：100次秒。 推荐使用 api explorer 点击调试 api explorer 提供了在线调用、签名验证、sdk代码生成和快速检索接口等能力。 您可查看每次调用的请求内容和返回结果以及自动生成 sdk 调用示例。 2. 输入参数以下请求参数列表仅列出了接口请求参数和部分...
获取雪碧图模板列表
查询雪碧图模板，支持根据条件，分页查询。 默认接口请求频率限制：100次秒。 推荐使用 api explorer 点击调试 api explorer 提供了在线调用、签名验证、sdk代码生成和快速检索接口等能力。 您可查看每次调用的请求内容和返回结果以及自动生成 sdk 调用示例。 2. 输入参数以下请求参数列表仅列出了接口请求参数和部分...
使用grunt对css中的background图片自动生成雪碧图
今天想对这个现状进行改善，网上查到一种雪碧图的方案，其实就是使用工具将数量很多的小图片拼成一张大图片，然后css里都引用这张大图片，并指定显示该图片的某一个区域，但这个方案需要手工作很多处理。 于是就想到能不能用目前比较成熟的grunt对前端样式文件自动进行处理，自动生成雪碧图，自动修改样式文件...
postcss-lazysprite: 一种生成CSS 雪碧图的懒惰姿势
postcss-lazysprite 是一个基于postcss 开发的用于生成雪碧图图片及其css 的插件，经过半年持续迭代，现已稳定用在旗下两款产品的web 业务中。 其与市面上的雪碧图插件不同在于生成雪碧图的“懒惰”姿势。 前言前端界，伴随着雪碧图这个概念出现，自动化产生雪碧图这类工具就层出不穷。 无论是早期gui 工具，还是现在...
服务端 API 概览
截取雪碧图createimagesprite对视频文件进行截图，生成雪碧图。 媒资管理 功能名称api 名称描述获取视频信息getvideoinfo可以获取单个视频的多种信息，也可以指定回包只返回部分信息。 依照视频名称前缀获取视频信息describevodplayinfo根据视频名称前缀搜索视频，并返回其播放信息列表。 依照 vid查询视频信息...
photoshop 制作雪碧图
需求说明在上一篇photoshop 切图技巧中，我使用批量切图的技巧切出了三张图片如下：? 那么可以将这三个图片做成一张雪碧图，方便一次性请求获取下来。 下面来演示一下制作过程。 创建透明画布? 好了，有了透明背景之后，就可以打开那三个图片，抠出图像部分，复制+黏贴到透明背景中。 打开图像? 选择【反选】，然后...
阶段4：播放加密视频
单击视频“操作”栏下的【管理】，进入管理页面：选择“基本信息”页签，可以看到生成的封面，以及加密的自适应码流输出（模板 id 为12）。 选择“截图信息”页签，可以看到生成的雪碧图（模板 id 为10）。 步骤2：预览播放体验前面的步骤中，您已经上传视频，并对视频进行了处理。 现在，将使用三端的超级播放器...
阶段3：自定义播放内容与样式
在【截图信息】栏，可以看到生成的雪碧图（模板 id 为41377）。 步骤4：创建超级播放器配置为了播放自定义的自适应码流和雪碧图，您需要使用自定义播放器配置。 登录云点播控制台，选择【分发播放配置】> 【超级播放器配置】，单击【新建】。 在超级播放器配置页面中，分别单击【添加自适应码流模板】和【添加雪碧...
阶段1：用超级播放器播放视频
单击新上传视频“操作”栏下的【管理】，进入管理页面：选择“基本信息”页签，可以看到生成的封面，以及自适应码流输出（模板 id 为10）。 选择“截图信息”页签，可以看到生成的雪碧图（模板 id 为10）。 步骤2：预览播放体验前面的步骤中，您已经上传视频，并对视频进行了处理。 现在，将使用三端的超级播放器...
历史格式
output.totalcountinteger雪碧图小图总数。 output.urllistarray字符串数组，生成的雪碧图的 url 列表。 output.webvtturlstring雪碧图子图位置与时间关系 webvtt 文件地址。 示例{ version:4.0, eventtype:procedurestatechanged, data:{ vodtaskid:125676836723-xxx-25f5aac63, status:processing, message:, err...
一键制作自适应等比缩放的雪碧图帧动画
雪碧图并不陌生，将多张图片合在一起来减少请求数，从而提升网站的性能。 在你的网站未支持 http2 前，还是值得这么处理。 为了适应不同的设备分辨率，一般会做几套不同大小的图去适配，那如何用一套图来自适应缩放呢？ 本文对等比缩放的雪碧图动画的原理进行分步讲解，并使用 gka 进行一键生成。 github: https...
点播播放器使用文档
缩略图预览点播超级播放器支持缩略图预览，开启该功能有两种方式：通过服务端 api 生成视频的缩略图与 vtt 文件，相关文档可参阅 截图 - 雪碧图。 自行...参考示例“缩略图预览 - 传入缩略图与 vtt 文件” 开启成功的效果如下图：示例缩略图预览 - 服务端生成缩略图预览 - 传入缩略图与 vtt 文件 进入示例页面...
使用文档
缩略图预览点播超级播放器支持缩略图预览，开启该功能有两种方式：通过服务端 api 生成视频的缩略图与 vtt 文件，相关文档可参阅 截图 - 雪碧图。 自行...初始化 web 播放器在准备工作完成后，通过以下步骤，您就可以在网页上添加一个视频播放器。 步骤1：在页面中引入文件在合适的地方引入播放器样式文件与...
截图
采样截图：按相同的时间间隔对视频截取多张图。 截取一张图作封面：指定一个时间点截图，将其 url 作为媒资系统中该视频的封面。 截雪碧图：按相同的时间间隔对视频截取多张小图，然后组装成若干大图（即雪碧图）。 使用截图功能，可以满足如下应用场景： 为视频生成封面：使用视频的截图作为视频的封面。 缩略图...
