快速搭建一个“微视”类短视频 App

qcloudcommunity · · 2619 次点击 · 开始浏览    置顶
这是一个创建于 的主题,其中的信息可能已经有所发展或是发生改变。

**欢迎大家前往[腾讯云+社区](https://cloud.tencent.com/developer/?fromSource=waitui),获取更多腾讯海量技术实践干货哦~** > 本文由[腾讯云视频](https://cloud.tencent.com/developer/user/2669993?fromSource=waitui)发表于[云+社区专栏](https://cloud.tencent.com/developer/column/4471?fromSource=waitui) ![img](https://ask.qcloudimg.com/draft/2669993/lwatjb6ux6.gif) **关注公众号“腾讯云视频”,一键获取 技术干货 | 优惠活动 | 视频方案** “爱就像蓝天白云晴空万里,突然暴风雨……”偷偷在上班期间看微视里美丽的小姐姐,不巧被老大当场抓包“看来还是给你安排的工作太少了,这样吧,竟然你那么喜欢看微视,那就给你三天时间搭建出类似微视的短视频APP,要搭建不起来,这个月的绩效奖金就取消!”我的天!除了绝望还是绝望!人们常说人生如戏,戏如人生,这句话怕是要改成,人生如歌,歌如人生。 ![img](https://ask.qcloudimg.com/http-save/yehe-2669993/mv0f43ywl2.jpeg?imageView2/2/w/1620) 三天的时间搭建短视频APP,唯有寻求度娘的帮助,网上的解决方案有千万种,最后选择了腾讯云的解决方案,从接入过程到最后的呈现效果都很赞,接下来带大家了解如何从零开始快速搭建一个类似““微视”类的短视频APP。 ![img](https://ask.qcloudimg.com/http-save/yehe-2669993/vlvi0zlmk5.jpeg?imageView2/2/w/1620) **集成独立的短视频功能** 如果您需要在您的 App 中集成短视频的部分功能,请参考如下四个步骤: 01 step1: 申请测试License 1.1 登录腾讯云官网,进入 短视频控制台,填写相应的信息,其中 Package Name 是填 Android 的包名,Bundle Id 是填 iOS 的 bundleId。 ![img](https://ask.qcloudimg.com/http-save/yehe-2669993/d4vg9h3jpp.jpeg?imageView2/2/w/1620) 1.2 创建后生成 License 信息,其中 Key 和 LicenceUrl 是要在集成的 SDK 中用到的。 ![img](https://ask.qcloudimg.com/http-save/yehe-2669993/gxkdnzb0qz.jpeg?imageView2/2/w/1620) 02 step2: 下载 SDK 并导入工程 2.1 到 SDK 下载页下载对应的 iOS 和 Android 的 SDK 2.2 按照指引完成工程配置 iOS 平台 拷贝 SDK 文件,添加 Framework,添加 -ObjC,引用头文件,短视频发布功能集成。具体详细内容参考 iOS 工程配置。 Android 平台 有 jar 包和 aar 两种集成方式选择使用,具体详细内容参考和 Android 工程配置。 2.3 最后一定不要忘记验证一下配置是否正确: iOS 平台 在 ViewController.m 开头引用 SDK: ```javascript @import TXLiteAVSDK_UGC; ``` 在 viewDidLoad 方法中添加代码: ```javascript - (void)viewDidLoad { [super viewDidLoad]; // 打印SDK的版本信息 NSLog(@"SDK Version = %@", [TXLiveBase getSDKVersionStr]); } ``` 如果前面各个步骤都操作正确的话,HelloSDK 工程就可以顺利编译通过。在 Debug 模式下运行 App,Xcode 的 Console 窗格会打印出 SDK 的版本信息。 ```javascript 2017-09-26 16:16:15.767 HelloSDK[17929:7488566] SDK Version = 3.4.1761 ``` Android 平台 在 MainActivity.java 中引用 SDK 的 class: ```javascript import com.tencent.rtmp.TXLiveBase; ``` 在 onCreate 中调用 getSDKVersioin 接口获取版本号: ```javascript String sdkver = TXLiveBase.getSDKVersionStr(); Log.d("liteavsdk", "liteav sdk version is : " + sdkver); ``` 如果前面各步骤都操作正确,demo 工程将顺利编译通过,运行之后将在 logcat 中看到如下 log 信息: ```javascript 09-26 19:30:36.547 19577-19577/ D/liteavsdk: liteav sdk version is : 3.9.2794 ``` 至此,工程配置完成。 03 step3: 集成 License 工程配置完之后,需要集成短视频 License 才能使用基础功能。第一步中已经拿到了Key和LicenceUrl,只需要一行代码配置就可以完成。 iOS 平台 在您的应用中使用短视频功能之前(建议在 AppDelegate 中)把拿到的 key 和 url 设置到下面接口中 ```javascript [TXUGCBase setLicenceURL:url key:key]; ``` Android 平台 在您的应用中使用短视频功能之前(建议在 application 中)把拿到的 key 和 url 设置到下面接口中 ```javascript TXUGCBase.getInstance().setLicence(context, url, key); ``` 另外需要注意的是: 1.您可以选择是否打包 license 到应用中:如果不选择打包,SDK 第一次使用需要访问网络;如果选择打包,iOS 把 TXUgcSDK.licence(名称要正确)拷贝到 App 中即可;Android 把 TXUgcSDK.licence(名称要正确)放到 asset 根目录下即可。 2.当您的 license 过期了,可以登录腾讯云点播控制台进行续费,SDK 会自动续期,不需要您的应用做任何操作 3.如果您的 license 校验失败,您可以调用下面代码来查看 license 信息是否填写错误。 ```javascript // iOS NSLog(@"%@", [TXUGCBase getLicenceInfo]); // Android TXUGCBase.getInstance().getLicenceInfo(); ``` 04 step4: 集成独立功能 如果您希望在自己的 App 中添加部分短视频功能(比如录制和上传),那么可以参考如下的功能集成文档,完成指定功能的嵌入: 接入功能 iOS 平台 Android 工程配置 XCode Android Studio 视频录制 API API 视频编辑 API API 视频拼接 API API 视频上传 API API 视频播放 API API 动效变脸 API API ![img](https://ask.qcloudimg.com/http-save/yehe-2669993/wl0lizxogc.jpeg?imageView2/2/w/1620) 上述就是本文根据腾讯云官方文档指引,以Android和iOS平台为例总结的快速搭建短视频APP服务的主要步骤,如有遇到其他问题,欢迎留言。 >**问答** > >[短视频UGSV中,短视频怎么编辑 ?](https://cloud.tencent.com/developer/ask/138961?fromSource=waitui) > >**相关阅读** > >[相较于传统视频,短视频开发主要有哪些特点](https://cloud.tencent.com/developer/article/1195577?fromSource=waitui) > >[一对一直播系统搭建,主要应用于什么样的行业领域](https://cloud.tencent.com/developer/article/1328780?fromSource=waitui) > >[短视频APP开发——主要功能分析](https://cloud.tencent.com/developer/article/1190253?fromSource=waitui) > >[【每日课程推荐】机器学习实战!快速入门在线广告业务及CTR相应知识](https://cloud.tencent.com/developer/edu/course-1128?fromSource=waitui) **此文已由作者授权腾讯云+社区发布,更多原文请[点击](https://cloud.tencent.com/developer/article/1336165?fromSource=waitui )** **搜索关注公众号「云加社区」,第一时间获取技术干货,关注后回复1024 送你一份技术课程大礼包!** 海量技术实践经验,尽在[云加社区](https://cloud.tencent.com/developer?fromSource=waitui)!

有疑问加站长微信联系(非本文作者)

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

2619 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传