天品互联-北京APP开发公司-小程序开发制作-软件开发

15321250321
010-86462584

APP開發 > APP學院 > 解決方案

短視頻app開發,北京制作短視頻app專業技術流程

2023-07-24

短視頻app開發最關鍵的步驟是分為三個步驟,我將教你把每個動作點一層一層地保持在這三個步驟下,動作點API可以根據需要啟用:
短視頻app開發

一、短視頻app開發錄像功能:

a.創業
B.拍攝的音樂背景
C.剛開始
D.添加美麗
e.加ps過濾器
F.添加面紙
G.按段加速執行
h.完成
二、短視頻app視頻剪輯
a.一開始就編寫
b.增加音樂背景
c.增加案文效果
D.增加地震的特殊影響
 

2.1 APP啟動拍攝

首先包含七牛短視頻 SDK 頭文件 PLShortVideoKit.h :

 #import <PLShortVideoKit/PLShortVideoKit.h>

然后添加一個 PLShortVideoRecorder 屬性:

 @property (nonatomic,strong) PLShortVideoRecorder *shortVideoRecorder;

創建音視頻的采集和編碼配置對象,這里我們使用默認配置,開發者可以根據自己的需求修改配置:

 PLSVideoConfiguration *videoConfiguration = [PLSVideoConfiguration defaultConfiguration];
 
 PLSAudioConfiguration *audioConfiguration = [PLSAudioConfiguration defaultConfiguration];

創建拍攝 shortVideoRecorder 對象:

 self.shortVideoRecorder = [[PLShortVideoRecorder alloc] initWithVideoConfiguration:videoConfiguration audioConfiguration:audioConfiguration];
 self.shortVideoRecorder.delegate = self;

添加攝像頭預覽視圖:

 [self.view addSubview:self.shortVideoRecorder.previewView];

至此,基本配置完成,我們可以啟動攝像頭預覽:

 [self.shortVideoRecorder startCaptureSession];

2.2 APP給拍攝添加背景音樂

在開始錄制之前,我們可以添加背景音樂:

 NSURL *audioURL = [NSURL fileURLWithString:@"PATH TO AUDIO"];
 [self.shortVideoRecorder mixAudio:audioURL];

背景音樂只能在開始錄制之前添加,一旦錄制開始了,不能再添加,此時只有刪除已經錄制的視頻文件,才能添加背景音樂。

2.3 APP開始拍攝

錄制的視頻存放路徑由 SDK 內部自動生成:

 [self.shortVideoRecorder startRecording];

開發者也可以自己傳入錄制的視頻存放路徑:

 [self.shortVideoRecorder startRecording:customFileURL];

2.4 APP添加美顏

七牛短視頻 SDK 提供了美顏功能,開發者只需要一個簡單的參數設置即可以打開美顏功能:

 [self.shortVideoRecorder setBeautifyModeOn:YES];

2.5 APP添加濾鏡

七牛短視頻 SDK 內部提供了 30 多種濾鏡格式,開發者使用濾鏡需要在工程中包含 PLShortVideoKit.bundle,這里面存放了濾鏡的圖片資源,開發者還可以添加自己的濾鏡圖片。

初始化濾鏡:

// 初始化濾鏡
 self.filter = [[PLSFilter alloc] init];
// 設置濾鏡色彩圖片路徑
 NSString *bundlePath = [NSBundle mainBundle].bundlePath;
 NSString *colorImagePath = [bundlePath stringByAppendingString:@"/PLShortVideoKit.bundle/colorFilter/candy/filter.png"];
 self.filter.colorImagePath = colorImagePath;

在短視頻數據回調方法中,我們可以用上面初始化好的濾鏡:

 - (CVPixelBufferRef)shortVideoRecorder:(PLShortVideoRecorder *)recorder cameraSourceDidGetPixelBuffer:(CVPixelBufferRef)pixelBuffer {
 // 進行濾鏡處理
 pixelBuffer = [self.filter process:pixelBuffer];
 
 return pixelBuffer;
 }

2.6 短視頻app添加人臉貼紙

七牛短視頻 SDK 沒有提供人臉識別的貼紙功能,但是我們 SDK 能很容易的接入友商的貼紙功能,我們以添加 涂圖 的貼紙舉例說明

包含涂圖的頭文件:

 #import <TuSDKVideo/TuSDKVideo.h>
 #import "StickerScrollView.h"

增加貼紙添加器和貼紙選擇 view:

 @property (nonatomic, strong) TuSDKFilterProcessor *filterProcessor;
 @property (nonatomic, strong) StickerScrollView *stickerView;

初始化貼紙添加的實例:

 self.filterProcessor = [[TuSDKFilterProcessor alloc] initWithFormatType:kCVPixelFormatType_32BGRA isOriginalOrientation:NO];
 self.filterProcessor.outputPixelFormatType = lsqFormatTypeBGRA;
 // TuSDKFilterProcessor 默認不啟用貼紙,這里需要主動啟用貼紙功能
 [self.filterProcessor setEnableLiveSticker:YES];
 self.stickerView = [[StickerScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 300)];
 self.stickerView.stickerDelegate = self;
 self.stickerView.cameraStickerType = lsqCameraStickersTypeSquare;

選擇貼紙。在貼紙選擇的回調,處理貼紙:

 (void)clickStickerViewWith:(TuSDKPFStickerGroup *)stickGroup {
 if (!stickGroup) {
 // 為nil時 移除已有貼紙組;
 [_filterProcessor removeMediaEffectsWithType:TuSDKMediaEffectDataTypeSticker];
 } else {
 // 選中了某個貼紙,將其添加到 filterProcessor 中
 [self.filterProcessor showGroupSticker:stickGroup]; 
 }
 }

貼紙選擇完成之后,我們可以將貼紙應用到視頻錄制中。和濾鏡處理類似,在短視頻拍攝的視頻數據回調中,應用貼紙:

 - (CVPixelBufferRef)shortVideoRecorder:(PLShortVideoRecorder *)recorder cameraSourceDidGetPixelBuffer:(CVPixelBufferRef)pixelBuffer {
 // 進行濾鏡處理
 pixelBuffer = [self.filter process:pixelBuffer];
 
 // TuSDK 進行貼紙處理
 pixelBuffer = [self.filterProcessor syncProcessPixelBuffer:pixelBuffer];
 [self.filterProcessor destroyFrameData];
 
 return pixelBuffer;
 }

2.7 短視頻app分段變速拍攝

如果想拍攝的視頻以快速或者慢速播放,可以設置拍攝速率:

 self.shortVideoRecorder.recoderRate = PLSVideoRecoderRateTopFast;

2.8 短視頻app結束拍攝

如果要結束某一段視頻的錄制,可以調用停止錄制方法:

 [self.shortVideoRecorder stopRecording];

調用停止錄制之后,保存的視頻會通過錄制完成回調返回出來:

 - (void)shortVideoRecorder:(PLShortVideoRecorder *)recorder didFinishRecordingToOutputFileAtURL:(NSURL *)fileURL fileDuration:(CGFloat)fileDuration totalDuration:(CGFloat)totalDuration {
 
 }

停止音視頻采集。如果不再需要拍攝視頻,可以調用停止采集方法來結束拍攝:

 [self.shortVideoRecorder stopCaptureSession];

 視頻編輯

3.1 短視頻app開始編輯

編輯類 PLShortVideoEditor 支持渲染音視頻、水印、濾鏡、背景音樂、MV 特效等功能

初始化和啟動編輯:

 self.shortVideoEditor = [[PLShortVideoEditor alloc] initWithAsset:asset videoSize:CGSizeZero];
 self.shortVideoEditor.delegate = self;
 self.shortVideoEditor.loopEnabled = YES;
 [self.view addSubview:self.shortVideoEditor.preview];
 
 [self.shortVideoEditor startEditing];

3.2 短視頻app添加背景音樂

添加背景音樂

 [self.shortVideoEditor addMusic:musicURL timeRange:timeRange volume:1.0];

調節背景音樂音量

 [self.shortVideoEditor updateMusic:timeRange volume:0.5];

3.3 短視頻app添加文字特效

添加文字的邏輯和添加貼紙使用的是同一個邏輯,用戶可以使用七牛短視頻 Demo 中已經包裝好的添加文字、貼紙的類 PLSStickerView:

 PLSStickerView *stickerView = [[PLSStickerView alloc] initWithFrame:CGRectMake(0, 0, 200, 50)]; 
 
 // 以字典的形式,保存 stickerView 信息
 NSMutableDictionary *stickerSettings = [[NSMutableDictionary alloc] init];
 stickerSettings[PLSStickerKey] = stickerView;
 stickerSettings[PLSSizeKey] = [NSValue valueWithCGSize:viewSize];
 stickerSettings[PLSPointKey] = [NSValue valueWithCGPoint:viewPoint];
 CGFloat rotation = atan2f(transform.b, transform.a);
 rotation = rotation * (180 / M_PI);
 stickerSettings[PLSRotationKey] = [NSNumber numberWithFloat:rotation];
 
 [self.stickerSettingsArray addObject:stickerSettings];

3.4 短視頻app添加抖音特效

七牛短視頻 SDK 沒有集成特效,但是和人臉貼紙一樣,可以輕松的接入第三方的特效。下面我們還以添加 涂圖 的特效為例,演示特效的添加方式

首先,初始化特效添加器:

 self.filterProcessor = [[TuSDKFilterProcessor alloc] initWithFormatType:kCVPixelFormatType_32BGRA isOriginalOrientation:isOriginalOrientation];
 self.filterProcessor.delegate = self;
 self.filterProcessor.mediaEffectDelegate = self;
 // 默認關閉動態貼紙功能,即關閉人臉識別功能
 self.filterProcessor.enableLiveSticker = NO;

添加靈魂出竅特效:

TuSDKMediaSceneEffectData *effectData = [[TuSDKMediaSceneEffectData alloc] initWithEffectsCode:@"LiveSoulOut01"];
effectData.atTimeRange = [TuSDKTimeRange makeTimeRangeWithStart:kCMTimeZero end:CMTimeMake(INTMAX_MAX, 1)];
[self.filterProcessor addMediaEffect:effectData];

應用特效。在短視頻編輯視頻數據回調里面,將特效應用,以便預覽特效效果:

 - (CVPixelBufferRef)shortVideoEditor:(PLShortVideoEditor *)editor didGetOriginPixelBuffer:(CVPixelBufferRef)pixelBuffer timestamp:(CMTime)timestamp {
 // 應用特效
 pixelBuffer = [self.filterProcessor syncProcessPixelBuffer:pixelBuffer frameTime:timestamp];
 [self.filterProcessor destroyFrameData];
 
 return pixelBuffer;
 }

視頻導出

上面我們的短視頻編輯就完成了,現在我們將編輯的視頻使用 PLSAVAssetExportSession

導出來保存到本地相冊

初始化視頻導出器:

 NSMutableDictionary *outputSettings = [[NSMutableDictionary alloc] init];
 NSMutableDictionary *movieSettings = [[NSMutableDictionary alloc] init];
 NSMutableDictionary *backgroundAudioSettings = [NSMutableDictionary alloc] init];
 NSMutableArray *stickerSettingsArray = [[NSMutableArray alloc] init];
 NSMutableArray *audioSettingsArray = [[NSMutableArray alloc] init];
 
 // 將導出信息設置到 outputSettings 中
 // do setting...
 
 AVAsset *asset = movieSettings[PLSAssetKey];
 PLSAVAssetExportSession *exportSession = [[PLSAVAssetExportSession alloc] initWithAsset:asset];
 exportSession.outputFileType = PLSFileTypeMPEG4;
 exportSession.shouldOptimizeForNetworkUse = YES;
 exportSession.outputSettings = self.outputSettings;
 exportSession.delegate = self;
 exportSession.isExportMovieToPhotosAlbum = YES;

設置導出視頻相關 block:

 __weak typeof(self) weakSelf = self;
 
 [exportSession setCompletionBlock:^(NSURL *url) {
 NSLog(@"視頻已保存到相冊中");
 }];
 
 [exportSession setFailureBlock:^(NSError *error) {
 NSLog(@"導出視頻失敗");
 }];
 
 [exportSession setProcessingBlock:^(float progress) {
 NSLog(@"視頻導出完成百分比: %f", process);
 }];

實現 PLSAVAssetExportSessionDelegate 的視頻數據回調方法,進行特效處理:

 - (CVPixelBufferRef)assetExportSession:(PLSAVAssetExportSession *)assetExportSession didOutputPixelBuffer:(CVPixelBufferRef)pixelBuffer timestamp:(CMTime)timestamp {
 
 // 特效處理 
 pixelBuffer = [self.filterProcessor syncProcessPixelBuffer:pixelBuffer frameTime:timestamp];
 [self.filterProcessor destroyFrameData];
 
 return pixelBuffer;
 }

 總結

短視頻app開發,北京短視頻app制作專業技術流程,掌握以上短視頻app技術開發要點,開發一個優秀的短視頻app絕對沒有問題。短視頻直播帶貨app開發,2020年4月,非常流行短視頻帶貨直播電商app市場火爆,非常值得進入的短視頻朝陽產業。

客服QQ:121446412 聯系電話:15321250321

京ICP備17026149號-1

版權所有@2011-2022 北京天品互聯科技有限公司 公司地址:北京市海淀區上地信息路甲28號B座(二層)02D室-010號

主站蜘蛛池模板: 抓斗式清污机|螺杆式|卷扬式启闭机|底轴驱动钢坝|污水处理闸门-方源水利机械 | 蓝莓施肥机,智能施肥机,自动施肥机,水肥一体化项目,水肥一体机厂家,小型施肥机,圣大节水,滴灌施工方案,山东圣大节水科技有限公司官网17864474793 | 裹包机|裹膜机|缠膜机|绕膜机-上海晏陵智能设备有限公司 | 浙江自考_浙江自学考试网 | 合肥白癜风医院_合肥治疗白癜风医院_合肥看白癜风医院哪家好_合肥华研白癜风医院 | 艾默生变频器,艾默生ct,变频器,ct驱动器,广州艾默生变频器,供水专用变频器,风机变频器,电梯变频器,艾默生变频器代理-广州市盟雄贸易有限公司官方网站-艾默生变频器应用解决方案服务商 | 双工位钻铣攻牙机-转换工作台钻攻中心-钻铣攻牙机一体机-浙江利硕自动化设备有限公司 | 首页 - 军军小站|张军博客 | 阻垢剂-反渗透缓蚀阻垢剂厂家-山东鲁东环保科技有限公司 | CE认证_产品欧盟ROHS-REACH检测机构-商通检测 | 聚天冬氨酸,亚氨基二琥珀酸四钠,PASP,IDS - 远联化工 | 一礼通 (www.yilitong.com)-企业礼品解决方案一站式服务平台 | 999范文网_优质范文下载写作帮手| 杭州标识标牌|文化墙|展厅|导视|户内外广告|发光字|灯箱|铭阳制作公司 - 杭州标识标牌|文化墙|展厅|导视|户内外广告|发光字|灯箱|铭阳制作公司 | 扒渣机,铁水扒渣机,钢水扒渣机,铁水捞渣机,钢水捞渣机-烟台盛利达工程技术有限公司 | 富森高压水枪-柴油驱动-养殖场高压清洗机-山东龙腾环保科技有限公司 | 无菌实验室规划装修设计-一体化实验室承包-北京洁净净化工程建设施工-北京航天科恩实验室装备工程技术有限公司 | 石家庄网站建设|石家庄网站制作|石家庄小程序开发|石家庄微信开发|网站建设公司|网站制作公司|微信小程序开发|手机APP开发|软件开发 | 航拍_专业的无人机航拍摄影门户社区网站_航拍网 | 胶泥瓷砖胶,轻质粉刷石膏,嵌缝石膏厂家,腻子粉批发,永康家德兴,永康市家德兴建材厂 | 深圳货架厂家_金丽声精品货架_广东金丽声展示设备有限公司官网 | 正压密封性测试仪-静态发色仪-导丝头柔软性测试仪-济南恒品机电技术有限公司 | 河南中整光饰机械有限公司-抛光机,去毛刺抛光机,精密镜面抛光机,全自动抛光机械设备 | 东莞市踏板石餐饮管理有限公司_正宗桂林米粉_正宗桂林米粉加盟_桂林米粉加盟费-东莞市棒子桂林米粉 | 哈希余氯测定仪,分光光度计,ph在线监测仪,浊度测定仪,试剂-上海京灿精密机械有限公司 | 商标转让-购买商标专业|放心的商标交易网-蜀易标商标网 | 商用绞肉机-熟肉切片机-冻肉切丁机-猪肉开条机 - 广州市正盈机械设备有限公司 | 桂林腻子粉_内墙外墙抗裂砂浆腻子粉推荐广西鑫达涂料厂家供应 | 东莞画册设计_logo/vi设计_品牌包装设计 - 华略品牌设计公司 | 国产频谱分析仪-国产网络分析仪-上海坚融实业有限公司 | 阴离子_阳离子聚丙烯酰胺厂家_聚合氯化铝价格_水处理絮凝剂_巩义市江源净水材料有限公司 | 山西3A认证|太原AAA信用认证|投标AAA信用证书-山西AAA企业信用评级网 | 大_小鼠elisa试剂盒-植物_人Elisa试剂盒-PCR荧光定量试剂盒-上海一研生物科技有限公司 | 山东led显示屏,山东led全彩显示屏,山东LED小间距屏,临沂全彩电子屏-山东亚泰视讯传媒有限公司 | 礼仪庆典公司,礼仪策划公司,庆典公司,演出公司,演艺公司,年会酒会,生日寿宴,动工仪式,开工仪式,奠基典礼,商务会议,竣工落成,乔迁揭牌,签约启动-东莞市开门红文化传媒有限公司 | 导电银胶_LED封装导电银胶_半导体封装导电胶厂家-上海腾烁 | 「银杏树」银杏树行情价格_银杏树种植_山东程锦园林 | 武汉高温老化房,恒温恒湿试验箱,冷热冲击试验箱-武汉安德信检测设备有限公司 | 真空包装机-诸城市坤泰食品机械有限公司| 成都竞价托管_抖音代运营_网站建设_成都SEM外包-成都智网创联网络科技有限公司 | 智慧消防-消防物联网系统云平台 智能化的检漏仪_气密性测试仪_流量测试仪_流阻阻力测试仪_呼吸管快速检漏仪_连接器防水测试仪_车载镜头测试仪_奥图自动化科技 |
收縮
  • 15321250321