多张图片转化成视频

2020-08-24 04:29:09 2.7万阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Python Code：图片和视频互相转换问题：把一个视频，按照每一帧输出成一系列的图片，放在对应文件夹；把特定文件夹下的一系列图片做成一个视频，并且每帧出现频率可以调整；代码一、视频转图片： #!/usr/bin/env python import cv2 vc=cv2.VideoCapture("Your_Vid's_Name.mp4") c=1 if vc.isOpened(): rval,frame=v 阅读详情

有多张图片，通过js或者node后台，可以使多张图片转化为视频播放。
类似于淘宝商品的主图视频。

...全文

Python结合OpenCV视频处理、逐帧修改图片前言 2015年7月毕业至今，已有三年半时间了。这么长的时间里，非常感激CSDN、博客园、简书等众多平台及众多作者提供了无数的帮助。这篇文章是我的第一篇文章，一方面希望能总结、沉淀一些知识，另一方面，也希望从今天开始，能或多或少地帮助一些有需要的朋友。背景 OpenCV中，读取视频用到的是：VideoCapture，写入视频用到的是：VideoWriter。在一次视频闪屏测试中，客户给我们反馈... 阅读详情

gqkmiss

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

越过山丘枯木逢春 2021-09-08

打赏
举报

最后楼主使用的什么方案呢

yinxu 2020-09-22

打赏
举报

引用 7 楼 gqkmiss 的回复:

能生成.mp4文件吗？多张图片绘制动画可以不？比如我两张图片通过放大缩小绘制一个10秒的动画。

建议： 1、用canvas来进行动画绘制控制，比如每张图片5秒，2.5秒放大，2.5秒缩小。可以使用requestAnimationFrame然后加上逝去的时间来控制。 2、用MediaRecorder进行录制，伪代码如下：

const mediaStream = canvas.captureStream();

            const options = {
                mimeType: 'video/webm;codecs=vp9',
                videoBitsPerSecond: 3000000,
            };
            const mediaRecord = new MediaRecorder(mediaStream, options);

3、挂接ondataavailable、stop事件：mediaRecord.ondataavailable = this.onDataAvailable;mediaRecord.onstop = this.onStop; 4、启动录制：mediaRecord.start(100); // 100毫秒触发一次ondataavailable事件 5、在ondataavailable事件中缓存视频数据：this.chunks.push(e.data); 6、录制结束后，将缓存的视频转成Blob： const videoBlob = new Blob(this.chunks, { type: 'video/webm' }); const videoUrl = window.URL.createObjectURL(videoBlob); this.download(owner.title, videoUrl); private download = (name: string, url: string) => { const a = document.createElement('a'); a.style.display = 'none'; a.href = url; a.download = `${ name }.webm`; document.body.appendChild(a); a.click(); setTimeout(() => { document.body.removeChild(a); window.URL.revokeObjectURL(url); }, 100); };

Rimifon 2020-09-08

打赏
举报

captureStream出来的是直播流，浏览器好像没有提供保存的方法，需要保存的话只能推服务器录制。

gqkmiss 2020-09-07

打赏
举报

能生成.mp4文件吗？多张图片绘制动画可以不？比如我两张图片通过放大缩小绘制一个10秒的动画。

Rimifon 2020-09-05

打赏
举报

用 canvas 绘制动画，并使用 canvas 的 captureStream 转换成视频流，可以使用 video 标签播放。

阿狸贝贝 2020-09-03

打赏
举报

做成视频还是蛮简单的，把图片发几张过来，我帮你实现下。

gqkmiss 2020-08-27

打赏
举报

是需要后端支持的，但是得前端能展示，前端实现对应的效果

gqkmiss 2020-08-25

打赏
举报

要做的是视频，多张图片转化成视频。（类似于淘宝商品，多张主图轮播，第一张是视频，要的是这个视频，可以把多张图生成视频）轮播图的话，那太简单了。

前端_小菜鸟 2020-08-25

打赏
举报

那叫做轮播图，多张图片循环播放，网上插件很多，自己实现就是相对定位，然后定时器，在多少秒后对当前的div左移或者右移，就可以实现

程老师2088 2020-08-25

打赏
举报

这个要后端支持了。用ffmpeg可以做

多张图片转化成视频

相关推荐