前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一杯咖啡的时间,集成短视频功能

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

原创
作者头像
Player 1
修改2019-12-12 15:48:04
2.9K0
修改2019-12-12 15:48:04
举报
文章被收录于专栏:devdev

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

  音视频开发需要一定的学习成本,从到视频的剪辑与效果处理,码率的选择和各种音频的声音效果处理都要经过的一定时间的学习才能融会贯通,不仅如此,还要搭建 CDN 分发线上视频以保障观看的流畅度,在已有的业务场景上增加短视频功能,是否一定要引入经验丰富的开发人员,再经过几个月的埋头苦干才能上线呢?

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

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

Demo下载
Demo下载

  腾讯云短视频方案的源码托管在 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 即可开始体验。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
作者已关闭评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档