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


    欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~

    本文由腾讯云视频发表于云+社区专栏

    img

    关注公众号“腾讯云视频”,一键获取 技术干货 | 优惠活动 | 视频方案

    “爱就像蓝天白云晴空万里,突然暴风雨……”偷偷在上班期间看微视里美丽的小姐姐,不巧被老大当场抓包“看来还是给你安排的工作太少了,这样吧,竟然你那么喜欢看微视,那就给你三天时间搭建出类似微视的短视频APP,要搭建不起来,这个月的绩效奖金就取消!”我的天!除了绝望还是绝望!人们常说人生如戏,戏如人生,这句话怕是要改成,人生如歌,歌如人生。

    img

    三天的时间搭建短视频APP,唯有寻求度娘的帮助,网上的解决方案有千万种,最后选择了腾讯云的解决方案,从接入过程到最后的呈现效果都很赞,接下来带大家了解如何从零开始快速搭建一个类似““微视”类的短视频APP。

    img

    集成独立的短视频功能

    如果您需要在您的 App 中集成短视频的部分功能,请参考如下四个步骤:

    01

    step1: 申请测试License

    1.1 登录腾讯云官网,进入 短视频控制台,填写相应的信息,其中 Package Name 是填 Android 的包名,Bundle Id 是填 iOS 的 bundleId。

    img

    1.2 创建后生成 License 信息,其中 Key 和 LicenceUrl 是要在集成的 SDK 中用到的。

    img

    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:

    @import TXLiteAVSDK_UGC;
    

    在 viewDidLoad 方法中添加代码:

    - (void)viewDidLoad {
        [super viewDidLoad];
        // 打印SDK的版本信息
        NSLog(@"SDK Version = %@", [TXLiveBase getSDKVersionStr]);
    }
    

    如果前面各个步骤都操作正确的话,HelloSDK 工程就可以顺利编译通过。在 Debug 模式下运行 App,Xcode 的 Console 窗格会打印出 SDK 的版本信息。

    2017-09-26 16:16:15.767 HelloSDK[17929:7488566] SDK Version = 3.4.1761
    

    Android 平台

    在 MainActivity.java 中引用 SDK 的 class:

    import com.tencent.rtmp.TXLiveBase;
    

    在 onCreate 中调用 getSDKVersioin 接口获取版本号:

    String sdkver = TXLiveBase.getSDKVersionStr();
    Log.d("liteavsdk", "liteav sdk version is : " + sdkver);
    

    如果前面各步骤都操作正确,demo 工程将顺利编译通过,运行之后将在 logcat 中看到如下 log 信息:

    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 设置到下面接口中

    [TXUGCBase setLicenceURL:url key:key];
    

    Android 平台

    在您的应用中使用短视频功能之前(建议在 application 中)把拿到的 key 和 url 设置到下面接口中

    TXUGCBase.getInstance().setLicence(context, url, key);
    

    另外需要注意的是:

    1.您可以选择是否打包 license 到应用中:如果不选择打包,SDK 第一次使用需要访问网络;如果选择打包,iOS 把 TXUgcSDK.licence(名称要正确)拷贝到 App 中即可;Android 把 TXUgcSDK.licence(名称要正确)放到 asset 根目录下即可。

    2.当您的 license 过期了,可以登录腾讯云点播控制台进行续费,SDK 会自动续期,不需要您的应用做任何操作

    3.如果您的 license 校验失败,您可以调用下面代码来查看 license 信息是否填写错误。

    // 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

    上述就是本文根据腾讯云官方文档指引,以Android和iOS平台为例总结的快速搭建短视频APP服务的主要步骤,如有遇到其他问题,欢迎留言。

    问答
    短视频UGSV中,短视频怎么编辑 ?
    相关阅读
    相较于传统视频,短视频开发主要有哪些特点
    一对一直播系统搭建,主要应用于什么样的行业领域
    短视频APP开发——主要功能分析
    【每日课程推荐】机器学习实战!快速入门在线广告业务及CTR相应知识

    此文已由作者授权腾讯云+社区发布,更多原文请点击

    搜索关注公众号「云加社区」,第一时间获取技术干货,关注后回复1024 送你一份技术课程大礼包!

    海量技术实践经验,尽在云加社区

  • 相关阅读:
    快速提交一个项目到github或gitee上
    微信web开发问题记录
    解决 VUE项目过大nodejs内存溢出问题
    vue使用动态渲染v-model输入框无法输入内容
    webstorm 支持vue element-ui 语法高亮属性自动补全
    spring websocket报错:No matching message handler methods.
    Failed to start bean 'stompBrokerRelayMessageHandler'; nested exception is java.lang.NoClassDefFoundError: reactor/io/codec/Codec
    远程调用appium server
    appium 特殊操作
    mac下搭建appium
  • 原文地址:https://www.cnblogs.com/qcloud1001/p/9856645.html
Copyright © 2020-2023  润新知