首页
学习
活动
专区
圈层
工具
发布

鸿蒙开发实战案例:视频截取gif图

介绍本示例介绍了如何截取视频的一段内容制作gif图片。该场景多出现在长视频类应用。使用FFmpeg命令对视频进行截取gif图。...效果图预览使用说明:点击“本地视频截取gif”或“在线视频截取gif”的视频,进入视频播放页面。在视频播放页面中点击“gif”按钮,进入视频截取gif图页面。...可以拖动底部时间轴的选中框来选取需要截取的gif的片段,然后点击“下一步”按钮,进入gif图生成页面。在gif图生成页面稍等片刻会生成gif图片,可以将gif图保存至相册。...实现步骤打开视频播放页面,根据视频是本地视频还是线上视频选择设置avPlayer的url。如果是线上视频,使用边缓存边播放的方式,需要记录缓存文件的本地路径。..."gif"按钮的时间点,按一定规则确定截取的时间范围,进入选取生成gif时间片段页面,通过MP4Parser获取每秒的视频帧图片,展示在时间轴上。

9810

用Python轻松搞定视频转gif动图

准备工作 需要准备用于生成gif的视频文件,我这里用的是上次《用Python制作一个B站视频下载小工具(文末附完整代码)》里案例中的视频。...(video_path) clip = (video.subclip((2,4.5),(2,6.0)) .resize(0.2)) clip.write_gif("动图搞定了.gif",...视频属性 本次转动图的参数设定如下: subclip((2,4.5),(2,6.0) 选取的是整个视频从2.45秒到2.60秒 resize(0.2) 尺寸大小改为原始大小的0.2也就是1/5大小(毕竟动图尺寸大小其文件大小也太大...) write_gif("动图搞定了.gif",fps=8) 保存gif的时候将帧率调整为了8 基于上述参数设定下,这个动图一共其实是(2.60-2.45)*8=12张图构成!...("裁剪.gif",fps=8) 裁剪 这里关于左上角和右下角坐标的确定可以采用preview方法预览视频,然后鼠标点击对应位置来获取。

1.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Mac版动图和视频制作软件Gif and Video Maker

    Gif and Video Maker for Mac是一款超好用的动图和视频制作软件,操作简单,只需单击几下,您的 GIF 就完成了。...Gif and Video Maker for Mac图片Gif and Video Maker功能特色它通过在编辑时添加文本、颜色和位置来创建标题,帮助您制作图像、GIF 和视频。...您还可以将文本放在 GIF 的内部或外部。只需单击几下,您的 GIF 就完成了。最好的部分之一是它具有许多基本的图像编辑和绘画功能。...一些特点:* 非常容易使用* 从静止图像创建 GIF/视频(mp4)* 时间线框架编辑*帧的速度调整* 允许您使用裁剪、水印、绘画工具、像素化、放大镜等编辑功能来编辑 GIF/视频。...* 允许您编辑带有精美效果、文本和图像水印的 GIF/视频。

    87310

    使用ImageMagick操作gif图

    使用ImageMagick操作gif图 上篇文章我们已经学习了 GraphicsMagick 中的许多函数,也说过 GraphicsMagick 是 ImageMagick 的一个分支,所以他们很多的函数都是一样的使用方式和效果...所以在我们公司的游戏开发中,需要一张将整个 Gif 动图的每一帧拆出来的图片拼成一张精灵图交给前端,由他们来使用 JS+CSS 的能力动态地循环我们拆帧后的图片,从而形成动图的效果。...GIF 图拆帧 原始的图片是这样的一张动图: $imgPath = '.....输出的图片就是下面的这个样子: 组合成动态 GIF 图 以上的业务功能是我在开发中实际使用过的功能,当然,除了可以对 GIF 图进行拆帧之外,我们也可以将多张图片组合成一个动态的 GIF 图。...最后生成的动图就是这样的: 总结 今天的内容有意思吧,不是那些烂大街的缩放、加水印、验证码之类的功能,而是比较好玩的对于 GIF 图的操作。

    1.7K40

    利用ffmpeg制作gif图

    由于老师安排的作业有需求,这里就记录一下利用ffmpeg制作gif图 1.确保ffmpeg安装 运行会显示版本号: ffmpeg -version Jetbrains全家桶1年46...apt-get update sudo apt-get install ffmpeg ffmpeg -version 2.简单用法 ffmpeg -i 输入路径/input.mp4 输出路径/output.gif...按视频实际尺寸进行转换,帧率也会比较高,反正生成的gif文件比较大 3.设置参数用法 ffmpeg -ss 1 -t 4 -i gif2.mp4 -s 720x360 -r 8 ./22.gif -ss...1 -t 4 表示从从视频的第1秒开始转换,4秒后停止。...例如本指令表示为:从从视频的第1秒开始转换,4秒后停止,转换为720x360px,8帧,名为22.gif,输出到当前终端运行目录下。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

    95010

    视频转GIF工具(DU GIF Maker中文版)

    DU GIF Maker提供视频转GIF、图片转GIF、GIF编辑等丰富功能且简单易用,使用DU GIF Maker,你可以轻松制作动态表情、搞笑GIF、影视GIF、体育精彩瞬间GIF等各种GIF图片,...DU GIF Maker的使用 如上所述,DU GIF Maker能够支持用各种方式制作GIF图片,包括通过录屏制作,视频转GIF,直接拍摄GIF,通过图片直接制作。...另外还支持将已有的GIF图片直接进行编辑。当然它还有一个其他GIF图软件都没有的功能就是支持在输入法中直接输入动图,不过只能在特定的APP中,APP是啥就不说了,因为…反正用不了。...DU GIF Maker的编辑功能 这块儿是设计的最让人省心的地方,几乎没有多余的功能,主要包括GIF图的市场,你可以任意裁剪,速度方面可以支持0.5倍到2倍速度,多少有点局限。...然后就是可以支持裁剪画面,也就是说可以选择画面中的任何一个部分作为GIF图的主题,最后就是发挥自由创作的一个小功能即文本输入,而文本的输入支持展示的时间段设定,非常方面,想要什么时候展示都行。

    2.3K20

    iOS演示视频转换为GIF

    1.使用Mac自带的QuickTime,新建屏幕录制,选择模拟器区域,当然也可选择全屏; 2.录制结束后,保存视频; 3.下载MAC下的GifRocket视频转换为GIF的软件,下载地址为http://...dl.iplaysoft.com/files/3136.html(顺便分享下window下的视频转GIF的软件QGifer) GifRocket软件封面如图: 4.设置界面 第一行设置视频的开始时间与结束时间的调整...也是说,视频的长度。 第二行GIF设置动态图的宽度。 第三行设置动画的清晰度,质量的调整。影响文件大小。...完成后可以看到.gif文件了,可以选中右键-显示简介来预览效果 最后来这里看看效果吧: PS:最近又发现的一款比上面更好用,更简单的gif录屏软件 (LICEcap工具下载地址:http ://dwtedx.com.../blog_416.html(gif屏幕录制软件)

    1.1K80

    怎么制作免费表情包、动图、gif图?

    这个小工具是维权骑士的视频转gif在线操作工具,主要针对的是把视频里面的某些有意思地片段,制作成表情包。...首先进入工具的页面,你可以直接进入维权骑士页面,通过创作工具——视频转gif,或者一键点击这里,快捷进入。...微信截图_20210826162853.png 进入页面之后,点击空白区域上传视频或者直接拖拽视频到这个区域,先把想要制作gif图的视频上传上来,这里建议上传长度上不要太长,不然容易导致上传文件比较慢的情况...image.png 上传之后选择开始时间和持续时间,这里最长可以截取15秒,将视频转化成gif图。...接下来就是点击立即生成gif图,点击导出就搞定啦。 一般小伙伴使用免费版就可以了,如果对表情包尺寸要求比较高,可以升级成为会员,会员的话,可以不限使用次数,相对来说也蛮划算的。

    2.5K00

    python图像处理-gif动图

    利用这个原理只要控制好时间,就能够将一系列图片组合在一起形成动图了,更长的可以形成动画等等。 比如下面的图片,每一张我们称为一帧,我们看到的动态效果,其实就好像在不断翻图片给你看。 ? ?...图片合成动图 导入os库,利用listdir方法将lion文件夹中的图片全部读取出来,循环打开每一张图片,接着将图片对象添加到frames列表中,最后利用save方法,保存为一张动图。 ? ? ?...动图分解成一张张图片 先使用open方法打开动图,接着使用ImageSequence将打开的图片对象转换成可迭代的图片序列,通过for循环将图片一张张保存到本地,名字可以自定义。 ? ? ?...想法延伸 动图的内容还有很多可丰富的地方,也还有很多可优化的地方。...比如你所以把一些尺寸不同的图片合成动图时,需要先将所有图片统一尺寸,需要使用resize方法;或者你想在动图上加上文字,可以结合之前处理单张图片添加文字的方法,处理完之后在统一合成;或者你还想调整动图的速率等等

    1.4K10

    利用ffmpeg转码视频为gif图片,调整gif图片的大小

    【1】压缩gif图片大小 一般发布技术文章的时候经常要插入GIF图演示软件效果,但是一些编辑器总是限制大小,但是录制的时候可能一不小心就搞大了。...压缩后的 GIF 图片可能会有质量损失,具体效果取决于输入文件的内容和压缩参数的设置。需要尝试不同的参数组合以获得最佳的压缩效果。 【2】视频转GIF图片 如果录制了视频,需要将整个视频转为图片。...output.gif:指定输出GIF文件的名称。 执行该命令后,FFmpeg将会将输入视频转换为GIF格式,并根据设定的帧率和分辨率进行处理。可以根据需要调整帧率和分辨率等参数以达到理想的转换效果。...【3】视频指定的片段转为GIF图像 如果只需要视频中的某一段画面转换为GIF,可以使用FFmpeg的 -ss 和 -t 参数来指定起始时间和持续时间。...这样,FFmpeg将会从视频的1分钟处开始提取10秒的画面,并将其转换为GIF格式。你可以根据需要修改 -ss 和 -t 参数来选择不同的视频片段进行转换。

    24210

    Android如何显示gif动图:AnimatedImageDrawable

    前言 我们知道,Android的基础组件ImageView本身是不支持gif动图的,所以很长一段时间内,开发者们都是通过三方库或自定义组件来实现gif显示,而且大部分的图片加载框架都支持gif,比如Glide...其实,从Android 9.0开始Google已经加入了gif支持————AnimatedImageDrawable,但是因为国内低版本用户存量较多,所以使用较少,今天我们就来简单看看这个AnimatedImageDrawable...显示 我们知道,直接在ImageView中加载gif图是可以显示的,但是图不会动。...图就可以动起来了。...经过测试发现,当gif动画处于播放状态,再次调用start()没有任何效果,gif动画不会从头播放,也不会执行onAnimationStart回调;同样当gif动画处理停止状态,执行stop()也没有任何效果

    5.5K10

    去除图片边框&制作gif动图

    库简化了GIF动态图的制作过程,可以直接读取所有PNG文件,并输出为一个GIF动态图。...动图 imageio.mimsave("result.gif", frames, duration=0.1) 除了前面提到的Pillow和imageio库,还有一些其他的库可以用于快速制作GIF...动图,下面列出其中的几个: • moviepy: 一个基于ffmpeg库的视频编辑库,可以轻松地合并、剪辑视频文件,并输出为GIF动图。...• opencv: 一个开源的计算机视觉库,提供了丰富的图像处理功能,包括GIF动态图制作。不过相比于其他库,它的入门门槛可能稍微高一些。...• scikit-image: 一个基于NumPy和SciPy的图像处理库,提供了多种图像处理算法和函数,包括裁剪、旋转和缩放等功能,可以用来制作GIF动态图。

    47030

    【GIF图修改背景颜色(改为透明)】

    GIF图修改背景颜色(改为透明) 前提 已经安装完成了PS 操作 首先打开需要修改背景的GIF文件,点击左上角的文件,选择导出—存储为WEB所用格式 选择完成后,选择左侧的放大镜图样,即可进行图像的放大以及缩小...点击图片背景吸取颜色 在图像的右侧颜色像素图中,会显示刚刚选中的背景颜色色块,对颜色色块进行双击 在拾色器中进行背景颜色的更改,选择完成后点击确定 这里以红色为例 这时GIF...图像就改为了红色背景 将右上角的图片模式,更改为GIF,这样就可以在此页面进行预览 在页面的右下角,小三角形为播放按钮,点击播放即可进行动态图的预览 若想图片更改为透明背景色

    2K30

    ios动态视频_手机怎么暂停gif

    其实网上GitHub有很多第三方的,但是用起来比较麻烦,这里介绍最简单的一种方式,自己就可以实现,(点击按钮开始播放动态图) 1,集成SDWebImage之后,引入头文件#import “UIImage...+GIF.h” 2.初始化按钮,(loadingImageView是定义的全局的UIImageView,自己定义下) self.loadingImageView= [[UIImageView alloc...; self.loadingImageView.image = [UIImage sd_animatedGIFWithData:imageData]; //这里可以修改要实现播放的gif...self.loadingImageView]; [self.view bringSubviewToFront:self.loadingImageView]; } 如果想实现gif...设置imageView的layer player = self.loadingImageView.layer; 2.实现这两个方法,需要用哪个就点击哪个直接把player传过去就可以了 //暂停gif

    81810

    GIF图怎么压缩?手把手教你快速在线把GIF图片变小

    在具体介绍操作步骤之前,这里大家首先要知道的是使GIF图片体积变小的方法有三种,第一种是压缩GIF每一帧的图片,第二种是抽取GIF图片的帧数,第三种是裁剪GIF图片,示范图片的大小为765K,下面我们来看具体的操作步骤...打开压缩图网站,选择GIF压缩,点击上传图片,找到需要压缩的GIF图片上传。 2....第二种方法: 通过上图我们可以看到,原本760K的gif图已经压缩到250K了,第二种方法是进行帧数抽取,抽取帧数后图片会不流畅,但是会有效降低图片的体积。 1....打开压缩图网站,选择GIF压缩,点击上传图片,找到需要压缩的GIF图片上传。 2....以上就是三种图片压缩的方法了,这三种方法都可以有效得降低压缩GIF图片,使gif动图的体积变小,轻轻松松一键在线完成GIF压缩,无需下载任何软件,如果经常会用到GIF图片,就快把压缩图网站收藏起来吧!

    1.9K20
    领券