The video upload feature in our product allows administrators to enhance their users' experience by enabling them to upload videos from their local machines.
To provide flexibility and compatibility, we offer two options for video processing: FFMPEG and Mux. This guide will walk you through the step-by-step process of configuring and setting up these video processing options to ensure seamless and efficient video uploads.
Configure video upload with FFMPEG
Install FFMPEG on your server
Some hosting providers support FFMPEG by default. Thus, please check with your hosting provider for the FFMPEG Path
If FFMPEG isn't available, you have to begin by installing FFMPEG on your server or hosting environment. You can download the latest version of FFMPEG from their official website or use package managers specific to your operating system.
If you aren't familiar with FFMPEG setup, please get in touch with your hosting provider or system admin for assistance to install this tool.
Configure FFMPEG Path
Once FFMPEG is installed, ensure that the system recognizes its path. Now, we will configure FFMPEG service on MetaFox site
Let's log into your MetaFox with the Admin user and go to AdminCP Dashboard > App Settings > Videos
Click on the Services menu on the header bar, then click on the FFMPEG item as the screenshot.
Configure 2 settings with the proper paths of FFMPEG and FFPROBE you got in step 1. Note that the FFPROBE will be installed automatically along with FFMPEG.
Then save changes.
You can go to the Settings section by clicking on the Settings top menu. Choose the FFMPEG service for video upload and save changes as below screenshot
You will need to make sure that MetaFox cron has been set up for uploaded videos to process.
Configure video upload with Mux Integration
Create a Mux Account and configure Mux
If you haven't already, sign up for a Mux account at https://mux.com/. Mux provides powerful video processing capabilities, including adaptive streaming and analytics.
After registering Mux account successfully, you will need to set up Mux to get Access Token (Client ID and Client Secret ) and Webhook Secret
Set up Access Token
Once registered, log in to your Mux dashboard.
Navigate to "Settings": In your Mux dashboard, locate and click on the "Settings" option, typically found in the top-right corner of the page.
Choose the Access Tokens menu or within the "Settings" section, select "Access Tokens." Here, you can manage your API tokens.
Click on the "Create New Token" button to generate a new Access Token. Provide a descriptive name for the token, and you can also assign permissions to control API access as below. Then click "Create" to generate the Access Token.
Once the Access Token is generated, copy it immediately and store it securely in a safe location. This Access Token is essential for authenticating requests of your MetaFox site to the Mux API.
Setting Up Mux Webhook
In your Mux dashboard, go to the "Settings" section.
Within the "Settings" section, select "Webhooks." This is where you'll set up and manage your Webhooks.
Click on the "Create New Webhook" button to set up a new webhook. You'll need to provide specific details about the webhook.
Enter the URL where you want to receive the webhook notifications in the "URL to notify" field. Please fill the URL https://yourdomain.com/api/v1/video/callback/mux . You need to replace the yourdomain.com part the URL with the proper domain of your MetaFox site
After configuring the webhook details, click "Create Webhook.".
Then you can click on the Show Signing Secret of the created webhook item to get the detailed signing secret. Copy and store it for later usage
You have set up your Mux account successfully. Now we can move to the next step to configure the Mux service on your MetaFox site.
Configure Mux service on MetaFox
Go to AdminCP Dashboard > App Settings > Video > Services. Then choose Mux Video item as below
Fill in the settings with the proper values you have when setting up your Mux account. Then save changes.
Go to the Settings section by clicking on the Settings top menu. Choose the Mux service for video upload and save changes as below screenshot.
Congratulations! You have successfully set up the video upload functionality using either FFMPEG or Mux.
Now, you will see that the Upload option is enabled for users when creating a video
