Guide for Magento 2 Live Stream

Magento 2 Live Stream allows the admin to integrate a live stream system into their Magento 2 store.

With the help of this module, the admin can invite multiple influencers and allow them to go livestream for any product promotion.

Simultaneously, the admin can add multiple streams along with date and time, and the same customer can check influencers’ profiles and the old and upcoming streams.

Additionally, you can use Magento 2 audio player to add audio content for the product.

Also, if you want to apply multiple promotional rules for your store then you can check our Magento 2 special promotion.

Check the overview of the module –

• Provides live stream from the influencers to joined customers.
• The influencer can see their pending and completed streams.
• Customers can check the pending and upcoming streams on the live-stream screen
• Influencers can download the stream.
• Viewers can send the message to the influencer while live streaming is going on and vice-versa
• The admin and influencer can edit or delete the streams
• The influencer can show his products while streaming in the slider.

The installation is quite simple just like the standard Magento 2 extensions.

#1 Download Module

Firstly, you need to log in to the Webkul Store, go to My Account>My Purchased Products section, verify, and then download and extract the contents of this zip folder on the system.

#2 Upload Folder

Once the module zip is extracted, follow path src>app and then transfer the app folder into the Adobe Commerce Cloud root directory on the server as shown below:

#3 Run Commands

After uploading the module folder, you need to run the following commands in the Magento 2 root directory:

php bin/magento setup:upgrade

php bin/magento setup:di:compile

php bin/magento setup:static-content:deploy

Install Node v16.20.2 and NPM v8.19.4

After running the above command the admin make sure to run the below commands on terminal.

npm init

Press enter key and at last write yes and press the enter key to create package.json file.

npm install [email protected]

npm install fs

npm install [email protected]

npm install @mapbox/[email protected]

npm install socket.io

npm install [email protected]

npm install cors

Composer require php-ffmpeg/php-ffmpeg

Set Max Upload limit in php ini file to minimum 20 MB.

Install FFMPEG Library in server also with below commands.

sudo add-apt-repository ppa:mc3man/trusty-media

sudo apt-get update

sudo apt-get install ffmpeg

sudo apt-get install frei0r-plugins

After everything is done run below command on terminal.

node server.js > /dev/null &

Make sure pub/media folder has proper permissions.

Then need to run the below command for reindex and flush.

php bin/magento indexer:reindex

php bin/magento cache:flush

Therefore, for Multilingual support, please navigate to Store>Configuration>General >Locale Options.  Also, select your desired language from the Locale option.

Thus, in this way, a multi-lingual configuration can be done.

For Magento 2 Live Stream translation, navigate to the following path in your system src/app/code/Webkul/LiveStream/i18n.
Open the file named en_US.CSV for editing as shown in the below screenshot.

Now, upload it to the path src/app/code/Webkul/LiveStream/i18n where the installation of Magento 2 is on the server. The module gets translated into the desired language.

The user can edit the CSV like the image below.

After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as – de_DE.CSV.

Followed by uploading the translated file to the same folder from where you have obtained it. Now your module translation is complete.

Thus, in this way, language translation can be done.

For generate turn and stun server credentials please check this blog.

For Magento 2 Live Stream configuration the admin needs navigate “Store>Configuration>LiveStream Configuration”.

Node Server Settings

• Host Name: Here the admin needs to enter their hostname server.
• Port Number: By default port number will be “3000”.
• Upload Server Private Key File: Here the admin needs to provide a file from your host provider.
• Upload Server Certificate File: The admin can get this file from their host provider.
• Upload Server CA Bundle File: The admin can get this ‘server. ca-bundle’ file from your host provider.

Stun Server

• URL: Here the admin needs to enter the URL of the Stun server.
• Active: Here the admin can activate or disable the Stun Server.

Turn Server

• URL: The admin needs to enter the URL for the turn server.
• Username:  Enter the username for the turn server.
• Password: The admin needs to provide a password for the turn server.
• Active: Here the admin can activate or disable the turn server.

Stream Clip Duration

• Duration: In this section, the admin must specify the duration of each stream clip to segment the live video into smaller portions. This segmentation facilitates faster downloading for influencers accessing the video content.

Email Templates

• Influencer Invite Template: Here the admin can choose their custom influencer invite email template.

Here the admin can manage their influencer’s profiles such as inviting and deleting by navigating “LiveStream>Influencers”.

Invite Influencers

Here the admin can invite influencers for product promotion live stream by simply clicking “Invite Influencers” filling in the details and then clicking on “Invite”.

Influencers Invite Email

The influencers will get invite emails as per the below screenshots and from this email, the influencers will get their login URL and credentials.

Here the admin can manage the stream such as add, edit, and delete the streams. For adding a new stream the admin needs to click “Add Stream”.

Add Stream

By clicking on “Add Stream” the admin needs to fill in the below details to add a new stream:

• Title: Here the admin can define their stream title.
• Description: In this section, the admin can define stream description.
• Scheduled Date: Here the admin can schedule the date and time for the live stream.
•  Influencer: From this dropdown, the admin can assign this stream to the influencer.
•  Thumbnail: Here the admin can upload a stream thumbnail.
•  Products: From this dropdown, the admin can select a product which they want to promote through live stream.

Once the admin sends an invitation to the influencer, they will receive login credentials. Upon logging into their account, influencers can review and manage their profiles, as well as access pending and completed streams.

Influencer Pending Streams

Here the influencers can check their pending streams and manage like edit and view by navigating “My Account>Pending Streams”.

After checking pending streams, the influencers can click on “View” for going live and then click on “Go Live”.

Similarly, the influencers can send messages to their customer and vice versa. If they wish to stop broadcasting then they need to click on “Stop Broadcast”.

After the stop broadcast, the influencers can download the same broadcast by clicking “Download”.

Completed Streams

Here the influencers can check their completed streams by navigating “My Account>Completed Streams”.

From here the customer can check upcoming streams and previous streams in the right top corner and click “Live Streams”.

Check Influencer Profile

Customer can check influencers’ profile and their social media account by clicking “Influencers Name”.

Support

So, that is all about the Magento 2 Live Stream extension. If you have any queries regarding the plugin, please contact us at Webkul Support System.