一杯咖啡的时间,集成一个短视频功能

  • 2019 年 12 月 10 日
  • 笔记

  短视频在近两年从一个爆点逐渐转为一个常态,不论是娱乐交友、在线教育、产品评测还是美食分享,各类应用都加入了丰富多彩的视频内容形式,短视频正逐步取代原有的信息分享方式,占据着大家的闲暇时间。

音视频开发需要一定的学习成本,在已有的业务场景上增加短视频功能,是否要一定要引入经验丰富的开发人员,再经过几个月的埋头苦干才能上线呢?

  随着云技术的成熟,现在有了更多的选择。不论是音视频的各种效果处理,还是繁琐复杂的 UI 逻辑开发,或者线上的视频处理,这些都能通过集成腾讯云短视频方案很好的解决。腾讯云短视频 SDK 不仅提供了丰富的功能,还提供了界面组件: UGCKit,并附带完整的短视频方案 Demo。通过其方便的主题定制能力,可以在现有的 App 上快速融合短视频功能。

  通过扫描以下二维码,可以下载并体验 Demo,其中的功能,都可以在分分钟集成到已有的 App 中。

iOS
Android

  腾讯云短视频方案的源码托管在 github 上,地址为 https://github.com/tencentyun/ugsvsdk 在其中可以看到iOS 和 Android 两端的源码及详细的集成成介绍。如果访问不便,还可以通过镜像地址获取 https://gitee.com/cloudtencent/UGSVSDK

  UGCKit 构建了一套简洁的可复用的UI方案,集成后只需添加几行代码即加入短视频的各项功能。

  在 Android 平台上以增加录制界面为例,新建一个 activity_video_record.xml 内容如下

<com.tencent.qcloud.ugckit.UGCKitVideoRecord      android:id="@+id/video_record_layout"      android:layout_width="match_parent"      android:layout_height="match_parent" />

  将以上xml通过Activity的 setContentView(R.layout.activity_video_record) 设置为界面,即完成了一个具备美颜、AI效果、滤镜、变声等各种功能的录制界面。

  在 iOS 上则通过初始化一个录制控制器展示即可。

UGCKitRecordViewController *recordViewController = [[UGCKitRecordViewController alloc] initWithConfig:nil theme:nil];  [self.navigationController pushViewController:recordViewController]

  如果颜色与现有App 的主题不相配,也可以快速修改。这套方案相比其它的优势在于将所有的外观元素的设置都集中到了一起,不用在源码中苦苦搜寻,即可快速的修改主题颜色和图片。Android 的界面配置 xml 示例如下:

<style name="RecordActivityTheme" parent="RecordStyle">  	<item name="recordMusicIcon">@drawable/ic_music</item>  	<item name="recordBeautyIcon">@drawable/ic_beauty</item>  </style>

  这是修改音乐选择图标和美颜图标的示例,在 iOS 上则是通过 UGCKitTheme 类开进行主题修改。以上的修改可以通过设置属性来完成:

UGCKitTheme *theme = [[UGCKitTheme alloc]init];  theme.recordMusicIcon = [UIImage imagewithName:@"ic_music"];  theme.recordBeautyIcon = [UIImage imagewithName:@"ic_beauty"];

  配置好主题后通过 Activity 的 setTheme 方法 或者 iOS 控制器的初始化方法传入即可。

  其它的功能例如编辑和裁剪也是如此,只需编写几行代码即可集成到 App 中。

  现在访问 https://github.com/tencentyun/ugsvsdk 即可开始体验。