Get Started

Thank you for purchasing our app

Please read the documentation carefully , and if you have any question check us . Most pages are accompanied by a video tutorial , it's recommended to check both , the video and the written Documentation .

Must Read this:

After purchase if you run the project and test the build in phone it will not work becuase you have to setup the Web API first then app will be works fine.

Web API is in PHP 7.0 and it will work on any kind of hosting packages

Premium Features

  • Watermark - watermark with downloaded video
  • Duet Feature - Do Duet with other user's videos
  • Promotion - Promote / Advertise Video
  • CDN service - Video loads faster without delay

For Premium features, contact us on skype hello@qboxus.com or post a ticket here

Server Requirements

We have added some advance functions into our product. We try to keep our product simple but unfortunately due to greater no of request we are forced to upgrade our product and we had to use a FFMPEG Library.

  • Php 7.0
  • VPS/Cloud: The code will not work on Shared hosting.
  • Ffmpeg should be installed
  • Curl should be enabled
  • memory_limit should be 500M View Attachment
  • 4 Core processor + 8/16GB Ram

If you face any issue in video upload or it takes time in uploading video to server that might be because of your server. Sometimes server gives this error if you check your error log file

Allowed memory size of 33554432 bytes exhausted (tried to allocate 15756752 bytes)

If you see this error then you would need to upgrade your server or increase Php memory limit by going into php.ini file. you need to google about where this file is. This file resides in different locations in different servers

Step 1

First thing which is very important is that you need to either use VPS or cloud Hosting. This FFMPEG won't work on shared hosting and you need a terminal access to install ffmpeg

Step 2

Second thing is we do not provide any support in configuring your FFMPEG. You need to make sure that your FFMPEG works and its installed. We can share you one tutorial which we followed and installed on one of our client CENT OS operating system. We will constantly update this part as soon as we came across different operating system of our clients during installation.

For Installation On Centos 7.8 follow this - https://linuxize.com/post/how-to-install-ffmpeg-on-centos-7/

We have tested on Centos 7.8 and ffmpeg version was 3.4.7

Note: If you have ffmpeg version 2.6.8 some of the features won't work. For example while doing video and audio merge it will generate 0KB file. This is because of the version issue

Note:On these platforms we have tested ourselves and installed ourselves. We are sharing the platforms and tutorials of what have worked for us. But it does not mean it cannot be installed on other servers. You just have to go in google and find tutorials regarding how to setup in your environment

Step 3

This is the tutorial you should follow if you want to setup on CENT OS 7.8 operating system. you can also google something like ffmpeg install ubuntu (your operating system ) something like this. You will find tons of tutorial

Step 4

Once installed you should locate ffmpeg and ffprobe file. we did this

Step 5

Make sure that your server does not block shell exec , or exec. You have to remove it from WHM and save the settings

Step 6

Increase your upload limit

One last thing you need to do is increase your post_max_size and upload_max_filesize.

Note: We have tested this on Hostgator VPS. Terminal we accessed from whm. Operating system was CENT OS 7.8

Android Configuration:

In order to start configuring , you need to install Android studio and the 'Java SE Development Kit'. First download the android studio from here Android Studio

SDK Manager

The installer , as also shown in the video should automatically download and install all required components . if you want to do manual setup , download at least the following components using the SDK manager

  • SDK tools
  • SDK platform Tools
  • SDK Build Tools
  • Google Play Services
  • Android Support Library
  • Google Repository
  • Google USB Driver

You can download these SDK , if not installed already , using the SDK manager SDK Manager After you're done, you can open Android Studio and continue.

*Note: After successfully installing the Android Studio please make a sample app project to install necessary files into computer by android studio.

Importing Android Project and Change Package Name

To import the app, simply open Android Studio and import/open the template. Make sure to wait for all the processes (the Gradle Build) to complete before continuing to the next step



Addition steps

Sometimes, the Gradle Build fails. In some cases additional components are needed, Android Studio will ask you to do download these additional SDK components in the 'messages' tab, simply follow the instructions provided to install and download the additional components.

Change App Name

Below is illustrated how you can change the name of the application.

Go to app->res->values->strings.xml

Change Color Scheme

Below is illustrated how you can change the color of the application.

Change Theme of Application

Below is illustrated how you can change the theme of the application.
Go to app->res->values->styles

Change App icon

Now we need to put a png file with your icon named 'ic_launcher.png' in the following folders:

Go to project location->Android source code->TicTic->app->src->main->

  • res/drawable-mdpi - with a size of 48px x 48px
  • res/drawable-hdpi - with a size of 72px x 72px
  • res/drawable-xhdpi - with a size of 96px x 96px
  • res/drawable-xxhdpi - with a size of 144px x 144px
  • res/mipmap-xxxhdpi - with a size of 192px x 192px

this URL will help you resize your images or event create new icon to your app Launcher Icon Generator

Change Splash Screen

We need to put a png file with named 'splash.png' in the following folder:

Go to project location->Android source code->TicTic->app->src->main->res->drawable

Setup Ad Mob

For Ad Mob setup you need ad mob id's which you get from your ad mob account. If you have no ad mob account then go to this
URL: https://admob.google.com/home/ make an account, get id's and paste in app as metioned below.

Click on app->res->values->strings.xml

Remove Ad Mob Ads

If you want to remove ads just set the value "true" in this code, follow this screenshot

public static final boolean IS_REMOVE_ADS=false => IS_REMOVE_ADS=true;

Remove/Change Streaming Limit

If you want to remove/change live streaming and video calling limit dialog then follow Screenshot.

Change Language

For Now application support only 2 languages ( English and Arabic). if you want to add more languages in app the follow the steps below.

Firebase Configuring

Change Firebase Database Rules

if you did not change the firebase rules some of the app functions will not work like chat or save/change pictures.

Get Firebase Server key

Add your Firebase server key in your mobileapp_api/app/Config/constant.php file

Add Release SHA1 key

After uploading your app on Google Play store get Release SHA1 key from Google Play store and paste into following Screen shot *Note: If you will not add Release SHA1 key then Phone & Google login will not work.

We have told you in Debug and Release key section how you can get SHA1 key from Google Play store

Debug and release Key

Before going to next you have to learn about the SHA1 key for both debug and release. if you are in the development mode then you will use the debug SHA1 key but when you going to publish the app on play store then you will have to use the SHA1 key of Release key.

First you will check your android studio version here i mentioned how you can check.

if your current android studio version is less than or equal to 4.1.1 then you will follow step 1 otherwise you will follow step 2 to get SHA1 key..

Step 1

Step 2

Method 1 How to get the SH1 key for the published app (Signed or release key)

Follow the steps

Method 2 How to get the SH1 key for the published app (Signed or release key)

To get realese sh1 contains two step.

Step1: you will generate your own app signing key Create signing key

Step2: Get the Sh1 key of app signing key

Get the Sh1 key. Run the below command on Command Promt

keytool.exe -list -v -alias {alies name you set according to above toturial "key0" is the alies name} -keystore "{file adress of the key}" -storepass {password} -keypass {password}

Facebook Login

You have to follow the steps

Here is the Helping video for setup facebook login

Step 1

Put you facebook id and App Secret here

Go to following web file

mobileapp_api/app/Config/constant.php

Facebook User Friends Permission

if you want to enable feature of invite friends from facebook in your app then follow below video and show into invite friends screen.

Google Login Configuration

Here is the Helping video for setup google login

Step 1

Step 2

Step 3

Step 4

Step 5

Go to following web file

mobileapp_api/app/Config/constant.php

Hide Any Social Media Button

If you want to disable facebook login

if you want to disable facebook or google login button you have to hide the mentioned View/Button just add android:visibility="gone"

Giphy API & Integration

If you Here is the helping video for setup Giphy API

Click on developers.giphy.com . "Create an Account" and then "Create an App" then you get the API key "Copy the key" and paste at mentioned place in following screenshot.

Agora Configuration

For live streaming video we have use the agora SDK. So in below we will tell you which action you have to done for run live streaming in to your project

Step 1

Go to https://sso.agora.io/v2/signup then sign up.

Step 2

After login you will go to agora dashboard their you can create your project

In-app Purchases

Follow below steps to make product Id for In App Purchase

Enable Deep linking

For enable deep linking openassetlinks.json file and right click on the file and save it

After done all the editing of the file assistlinks.json file paste the file on server in that address

https://your_domain/.well-known/assetlinks.json

Generate Debug Apk

Here is the Helping video for generating debug APK

Step 1

Web API Configuration

installing Tictic PHP API is an easy process and we will guide you through it .

Before getting started, please make sure your web server meets all the requirements:

  • Latest PHP Version 7.0
  • MySQL extension (enabled on all hosts by default)

Step 1 - Upload the mobileapp_api files which we have provided in your downloaded package from codecanyon

Step 2 - Login in your hosting cpanel Navigate to File Manager , upload the mobileapp_api.zip , then extract it

Step 3 - For Database & 3rd party API configurations edit constant.php file which is located at "mobileapp_api/app/Config/constant.php"

if you dont have htaccess file?

Make sure .htaccess file exist in the directory mobileapp_api/. If not then create the file .htaccess and copy the below code in it


<IfModule mod_rewrite.c>

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ index.php [QSA,L]

</IfModule>

SQL Database Setup

Step 1 -Import the SQL file which we have provided in your downloaded package from codecanyon

Step 2 - edit constant.php file which is located at "mobileapp_api/app/Config/constant.php"

Fill the database details in "mobileapp_api/app/Config/constant.php"

define('DATABASE_HOST', 'localhost');
define('DATABASE_USER', '');
define('DATABASE_PASSWORD', '');
define('DATABASE_NAME', '');
    								

Step 3

  • Create Database in mysql databases ( in cPanel ) with the name of "Tictic" you can write what ever you want
  • Create a new user
  • Assign that user to database

Step 4

  • Edit the file "constant.php" and update the Database information that you setup above
Note: All these steps have been mentioned in the video. If you do not understand anything please follow the video

Twilio Setup

Step 1 - Get twilio keys by Create an account on twilio and buy a number as well which is required for the Programmable SMS You can find the API KEY and auth token in: twilio.com

Step 2 - You have to allow geo permissions for sending sms Click here

Fill the Twilio ACCOUNT ID , AUTH TOKON and PURCHASED NUMBER which twilio has provided you in "mobileapp_api/app/Config/constant.php"

//Twilio
define('TWILIO_ACCOUNTSID', '');
define('TWILIO_AUTHTOKEN', '');
define('TWILIO_NUMBER', '');

Promotion Setup

Step 1

Add your paypal settings in your mobileapp_api/app/Config/constant.php file

Admin Panel Configuration

  • You have to open your API URl and copy the code from here Click Here and paste it in your portal/config.php

Setup AWS s3

Go to this url https://console.aws.amazon.com/

Search services "IAM"

Click On Users

Add Users

add username and check field "Programmatic access"

Create a group and add these two policies in that group (Amazons3fullaccess, Amazons3readonlyaccess)

tags are optional - you can skip that and hit Create user button

Not down access key id and secret key and download the file and save it.

Then go to https://console.aws.amazon.com/ and search “S3” or go directly here https://console.aws.amazon.com/s3/

And create a Bucket. Set a name and choose options according to your choice and you are done. Use this bucket name in the code.

Note. These are the steps which you need to do to setup aws. You can also find on google a lot of tutorials for this. Amazon also updates the interface time to time. So please don’t ask us questions here regarding what region to choose or what name to choose etc etc. These are the basic steps we have mentioned here. So you should need to read aws documentation as well. We would try our best to help you as we can

Now you have to fill the information in app/Config/constant.php , if you donot have the files then you have to contact us for the AWS files this feature is only for extended license customers

How you find bucket region on amazon S3?

You can get the bucket region by clicking on your bucket name. Your region will show up in the url for example our bucket name is qboxus_bucket and once we clicked on it this shows in the url

Setup a CloudFront?

Click on get started Under Web Section

Select s3 folder in the domian section and click create distribution

Copy domain link and enter in app/Config/constant.php

You can get the bucket region by clicking on your bucket name. Your region will show up in the url for example our bucket name is qboxus_bucket and once we clicked on it this shows in the url

Thank you & Support

I'd like to thank you again for your purchase and I hope you where able to successfully install the app and using it in your future business . If you need support or have some questions. You can visit our support resources here at hello@qboxus.com

What support does include
  • Answers to (technical) questions about the item's features
  • Assistance with reported bugs and issues
  • Answers to questions about importing and setting up the item as is described in the docs.
Please note that support does not include:
  • Customization & adding new features
  • Installation Services
  • Support for 3rd party software and/or plugins
  • Content related rejections and violations from Google

FAQ

App Develope in native or not?

Yes app is in native coding

Which PHP version?

it will work on PHP 7.0 or more then 7.0

Which Database You are using?

We are using mysql database

Does it have Admin panel

Yes It has admin panel as well which is in HTML/CSS and connected with datbase via PHP API

Does it have Documentation

Yes it has Documentaion about android , web api setup , admin panel setup , firebase push notification setup

Are you facing any issues setting up the app? Our expected response time is 24 to 96 hours Mon-Fri (9AM - 6PM) GMT+5, Submit A Ticket