Agora Video for WordPress plugin — QuickStart Guide
Tags: Web Development, WordPress, Quickstart, Video Chat, Live Streaming

The Agora Video for WordPress plugin lets you easily add live broadcast or video conferencing functionality to your WordPress posts and pages. Create and configure “broadcast” or “communication” channels through the WordPress Admin dashboard. Each channel has its own settings page, where you can customize the call/interactive-broadcast settings.

Installation

There are a few different ways to install the WP Agor.io plugin; you can use the WordPress Admin dashboard or FTP.

Plugins Directory

Go to the Add New section of the Plugins section of your WordPress Admin Dashboard. Search for Agora.io Click the Install Now button Once the plugin status changes to “Installed,” the Active button will appear. Click the Activate button.

Plugins Upload

Visit the Agora Video for WordPress plugin page (https://wordpress.org/plugins/wp-agora-io/) and download the plugin zip. Go to the Plugins section of your WordPress Admin Dashboard Click the “Upload” button and then upload the wp-agora-io.zip through the WordPress Admin Dashboard. The plugin upload screen will load. Once “Plugin installed successfully...” click the Activate button.

FTP

Visit the Agora Video for WordPress plugin page (https://wordpress.org/plugins/wp-agora-io/) and download the plugin zip. Unzip and upload the wp-agora-io folder to the /wp-content/plugins/ directory Activate the plugin through the Plugins section in WordPress Admin Dashboard

Setup

Just as with installation, there are a few different ways to setup the WP Agora.io WordPress plugin. The Basic setup will get you up and running with the basic live broadcasting and video communication channels. The Advanced setup will allow you to enable features such as pushing streams to third-party CDN servers or ingesting streams from CDN servers into channels. Advanced setup also enables Cloud Recording to allow your broadcasters to easily record their live streams to the Cloud Storage provider of your choosing.

Basic setup

Create an account (see: How To Get Started with Agora) or Login to your Agora developer account (https://console.agora.io) Create a project and take note of the App ID and App Certificate keys Navigate to the Agora WordPress Settings page and input App ID and App Certificate keys

take note of the App ID and App Certificate values from console.agora.io

Advanced setup

Create or Login to an Agora developer account (https://console.agora.io) Create a project and take note of the App ID and App Certificate keys Navigate to “Products and Usage” page. Enable RTMP and Cloud Recording Navigate to the Dashboard API section of your Agora Console (https://console.agora.io/restfulApi) and take note of your Customer ID and Customer Secret keys. Navigate to the plugin’s Settings section and input App ID , App Certificate , Customer ID , and Customer Secret keys

fully completed advanced setup

View all channels

Click the Agora.io section within the WordPress Admin Dashboard. This will display a list of channels that have been created. You can click to edit or delete the existing channels.

Create a channel

Click the Add New Channel section within the Agora.io plugin section of the WordPress Admin Dashboard. Here you will be presented with many options. The first option is to select the type of channel that you want to set up. Each channel type has its own set of options/settings and the UI will update and adjust once you have made your channel type selection.

Agora shortcode

Once you have created your channel, a shortcode is created for you. Wp Agora.io has two shortcodes, depending on which channel type you are using.

For communication use:

[agora-communication channel_id=""]

For broadcasting use:

[agora-broadcast channel_id=""]

Make sure to fill in the Channel ID value with the ID from when you created the channel.

The Agora Video for WordPress plugin also exposes the video_profile setting as part of the shortcode. If the setting is omitted, then the plugin will not set a profile and the Agora SDK will use its default profile.

For communication use:

[agora-communication channel_id="" videoProfile="720p_3"]

For broadcasting use:

[agora-broadcast channel_id="" videoProfile="720p_3"]

Full list of available video profiles: https://docs.agora.io/en/Video/video_profile_web?platform=Web#recommended-video-profiles

Embed channel in Post or Page

WP Agora makes it very simple to quickly add a live broadcast or communication channel to your Post or Page using the Agora shortcode.