iOS 仿抖音 视频裁剪

1、最近做短视频拍摄、其中的裁剪界面要做得和抖音的视频裁剪效果一样

需求：  裁剪有一个最大裁剪时间、最小裁剪时间、左右拖动可以实时查看对应的视频画面、拖动进度条也能查看对应的画面 、拖动底部视图也能查看对应视频、查看的对应视频始终是进度条对应的位置

2、设计思路

　　底部是一个视频播放器 SJVideoPlayView

　　播放器上面试一个视频裁剪视图 SJVideoCropView

　　　　里面包含一个  UICollectionView  用来加载视频缩略图 左右滑块以及进度条

　　拖动左右滑块、进度条、以及CollectionView的时候，实时把当前进度传递给视频播放器、视频播放器跳转到对应的时间　　　　

　　播放器播放的时候 实时把当前进度传递给裁剪视图 裁剪视图的进度条根据进度播放动画

3、效果图

demo 地址

原文地址：https://www.cnblogs.com/ZhangShengjie/p/10678508.html

时间： 2024-08-26 21:33:01

iOS 仿抖音 视频裁剪的相关文章

仿抖音上下滑动播放视频（兼容安卓，ios，小程序，h5）

仿抖音上下滑动播放视频(兼容安卓,ios,小程序,h5) 运行条件 HBuilder X 2.2.2 安装后,从插件市场导入,即可真机运行 vue 项目地址 github https://github.com/15157757001/scroll-video uniapp插件市场 https://ext.dcloud.net.cn/plugin?id=664 说明 插件分别用swiper实现(多端兼容)和css3动画实现(暂时只支持app),可自行切换. 插件在uni-app编译模式下编写(已切

用Python全自动下载抖音视频！

/ 01 / Charles 用Charles来找视频的API接口,具体操作和之前当当网那个案例一样,不细说. 这里通过滑动抖音App,可以获取到视频的请求信息. 通过多次实验,发现链接的后面是会不停的改变,只有链接的前头始终不变,即「http://v1-dy」「http://v6-dy」「http://v9-dy」不变. 所以在写脚本的时候,可以以这些信息做为链接开头. / 02 / mitmproxy 利用mitmproxy中的mitmdump组件,对接Python脚本,用Python实现监

超火的抖音视频怎么去水印

抖音作为如今比较活跃的一个短视频APP,吸引了很多用户,无关身份年龄,在抖音中就可以看遍世界,享受视觉盛宴,玩抖音的都知道每一个视频都会有一个水印,下载保存到相册时就会显示出来,看起来很不和谐,那超火的抖音视频怎么去水印呢?今天和大家一起来看看吧!1.先在电脑中安装去水印软件,不仅可以给图片去水印,还可以给视频去水印,功能多样,操作也比较简单方便,点击"视频去水印"即可进入视频去水印页面:2.点击下方的"添加视频",将要去水印的视频添加进去就行,可以批量添加哦,而且

如何给抖音视频选择配乐？音乐是抖音作品重要的组成部分

一个好的配乐对作品有着至关重要的作用,即使一个普通的视频,如果搭配了一个恰当的配乐,那么这个作品也会表现的非常好.在抖音上面我们应该都看到过这样的作品:只能简单的一个镜头,但是因为一个恰当的音乐,当两者结合起来的时候引起了大家的共鸣,获得了不俗的表现. 一首音乐有两个主要组成部分:词和曲 歌词 每首歌的歌词都可以看做是一个小故事,例如抖音上最近非常火爆的歌曲<只是太爱你>. 因为我不知道,下一辈子还是否能遇见你.所以我今生才会,那么努力 把最好的给你. 这首歌一般就是选择这四句副歌部分作为配乐

Python爬虫学习教程，批量爬取下载抖音视频

这篇文章主要为大家详细介绍了python批量爬取下载抖音视频,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 这篇文章主要为大家详细介绍了python批量爬取下载抖音视频,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 这篇文章主要为大家详细介绍了python批量爬取下载抖音视频,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 项目源码展示: 1 ''' 2 在学习过程中有什么不懂得可以加我的 3 python学习交流扣扣qun,934109170 4 群里有不错的学习教程.开发工具与电子

Puppeteer自动化批量上传抖音视频

前言:最近因为项目宣传,所以用Puppeteer写了一个批量上传抖音视频的自动化程序用于推广. 环境和依赖:node,puppeteer 废话不多说,直接上代码: const puppeteer =require('puppeteer'); const fs = require('fs'); var arry=[]; fs.readdir('video',function(err,files){ if(err){ console.log(err); } else{ (function getfi

别在学习今日头条互联网广告推广抖音视频营销方案产品运营框架了，那些让你起飞的计算机基础知识。

千万级大表如何优化,这是一个很有今日头条互联网广告推广抖音视频营销方案产品运营WX1526062597技术含量的问题,通常我们的直觉思维都会跳转到拆分或者数据分区,在此我想做一些补充和梳理,想和大家做一些这方面的经验总结,也欢迎大家提出建议. 我们知道了上述了解到了 TCP 的定义,通俗一点的讲,TCP 就是一个双方通信的一个规范标准(协议). 我们在学习 TCP 握手过程之前,首先必须了解 TCP 报文头部的一些标志信息,因为在 TCP 握手的过程中,会使用到这些报文信息,如果没有掌握这些信息

仿抖音上下滑动分页视频

目录介绍 01.先来看一下需求 02.有几种实现方式 2.1 使用ViewPager 2.2 使用RecyclerView 03.用ViewPager实现 3.1 自定义ViewPager 3.2 ViewPager和Fragment 3.3 修改滑动距离翻页 3.4 修改滑动速度 04.用RecyclerView实现 4.1 自定义LayoutManager 4.2 添加滑动监听 4.3 监听页面是否滚动 4.4 attach和Detached 05.优化点详谈 5.1 ViewPager改变

如何使用ffmpeg进行音视频裁剪命令和音视频合成命令

音视频剪裁命令 ffmpeg -i input.mp4 -ss 00:00:00 -t 10 out.ts -i : 指定视频 -ss : 开始时间 -t : 指定裁剪的秒数 音视频合并的命令 ffmpeg -f concat -i inputs.txt out.flv -f concat : 指定为合并的指令 -i : 指定需要操作的命令 inputs.txt: 指定合并的文件,文件格式 file "文件名称" 举例inputs.txt file “1.ts” file “2.ts”