tencent cloud

Project Structure

The project contains four modules: app, ugckit, xmagickit, and beautysettingkit.

app

Directory overview

Module overview

The UGSV demo app's functional modules include account, main UI, playback, and UGSV (editing, composition, shooting, and publishing), which correspond to different codes. Below is a description of these modules plus their implementation methods.

Account module

• The account module handles the logics of user login/registration and login data caching.
• You can replace this module with your own account system if you already have one.
• The account module registers usernames and passwords with the backend of the UGSV demo app by calling register of TCUserMgr, handles logins by calling login of TCUserMgr, caches login data locally in Sharepreference, and clears the cached data after logout.

Code:

Main UI and list management

• The main UI offers access to three primary features of the app: video list, video shooting/editing, and user profile.
• By default, users log in to the video list page. When they click +, a dialog box pops up asking them to select whether to shoot new videos or edit local videos. They can also click the user profile button to go to the user information page.
• The list management module pulls and displays the video list.

Code:

Short video shooting module

With the UGSV demo app, users can shoot UGSV not longer than one minute, but the SDK does not show video length.
Code:

File selection module

This module lists all the MP4 files stored locally on phones for users to choose from.
Code:

Editing module

The video editing module offers features including video clipping, slow motion, filters, music mixing, stickers and subtitling.

Code:

• **videoeditor/ directory: **

  Class	Description
  TCVideoPreprocessActivity.java	Video pre-processing view, which is displayed when users start editing a video after shooting
  TCVideoCutterActivity.java	Video clipping view
  TCVideoEditerActivity.java	The editing view displayed after video clipping, with options including music, filters, speed adjustment, tone, stickers and subtitles at the bottom
  TCVideoEffectActivity.java	The special effect adding view, which shows when users click the button at the bottom
  BaseEditFragment.java	Parent class of the special effect fragment, which controls the playback of special effects on multiple views
  TCVideoJoinerActivity.java	If users select multiple files to edit, the SDK will compose the videos.

• videoeditor/cutter/directory: Video clipping
• videoeditor/time/ directory: Speed adjustment, including slow motion, loop and rewind.
• videoeditor/bgm/ directory: Background music
• videoeditor/paster/ directory: Stickers, including animated and static stickers
• videoeditor/motion/ directory: Four animated filters. You cannot add your own filters. To use more filters, contact us by submitting a ticket.
• videoditor/bubble/ directory: Bubble subtitles
• videoeditor/utils/ directory: Video editing tools
• videoeditor/common/directory: Common video editing components
• videojoiner/directory: Video composition

Short video publishing module

This module allows users to publish videos to Tencent Cloud's video distribution platform (VOD system).
Code:

Short video playback

This module allows users to swipe up and down to play videos that have been published to the VOD system.

Code:

ugckit

This module is the advanced encapsulation (with the UI) of the UGSV SDK to facilitate quick integration.

Directory overview

xmagickit

This module encapsulates Tencent Effect so that it can quickly integrated.

beautysettingkit

This module is the basic beauty filter module of UGSV. To use basic beauty filters, you can use this module for quick integration.