Magento 2 Live Streaming Guide

Magento 2 Live Stream allows an 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 enable them to livestream for any product promotion.

At the same time, the administrator can add multiple streams along with the date and time, and the same user can check influencer profiles and old and upcoming streams.

Similarly, if you want to apply more promotional rules for your store, you can check out our special Magento 2 promotion.

  • It enables a live stream from influencers to affiliate customers.
  • An influencer can see their pending streams and completed streams.
  • Users can check current and upcoming streams on the live streaming screen
  • Influencers can download the stream.
  • Viewers can send a message to the influencer while the live stream is in progress and vice versa
  • Admin and influencer can edit or delete streams
  • Influencer can show off their products while streaming in the slider.

Installation is very simple like standard Magento 2 extensions.

#1 downloadable module

First you need to login to Webkul Store, go to My account>My purchased products section, confirm and then download and extract the contents of this zip folder on the system.

#2 Load the folder

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

snapshot_from_2024_01_18_15_14_20-1-1-1

#3 Run commands

After loading 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

After running the above command, the administrator needs to run the below commands in the terminal.

npm init

Press the enter key and at the end write yes and press the enter key to create the 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 the maximum upload limit in the php ini file to at least 20 MB.

Install the FFMPEG library on the server also using the commands below.

sudo add-apt-repository ppa:mc3man/trusty-media
sudo apt-get update
sudo apt-get install ffmpeg
sudo apt-get install frei0r-plugins

Once everything is done, run the command below in the terminal.

node server.js > /dev/null &

Make sure the pub/media folder has the appropriate permissions.

You then need to run the command below to re-index and flush.

php bin/magento indexer:reindex
php bin/magento cache:flush

Multilingual configuration

So, for multilingual support, go to Store > Configuration > General > Local Options. Also, select your preferred language from Locality option.

Configuration-Settings-Stores-Magento-Admin-1536x730-1-1

Therefore, a multilingual configuration can be made in this way.

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

    Magento 2 live streaming

Now transfer it to the track src/app/code/Webkul/LiveStream/i18n where the Magento 2 installation is on the server. The module is translated into the desired language.

The user can edit the CSV as in the image below.

screenshot_from_2024_02_28_15_24_25

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 – of_OF.CSV.

After that, upload the translated file to the same folder from which you downloaded it. Now your module translation is complete.

snapshot_from_2024_01_09_17_28_02__1_-1

Therefore, language translation can be done in this way.

How to get server credentials?

To generate turn and stun server credentials check this blog.

To configure Magento 2 Live Stream, the administrator needs to navigate “Store>Configuration>Live Stream Configuration”.

Node server settings

  • Host name: Here the administrator should enter his hostname server.
  • Connection number: The default port number will be “3000”.
  • Upload the server’s private key file: Here the administrator needs to provide a file from your host provider.
  • Upload the server certificate file: The administrator can get this file from their host provider.
  • Load the CA server package file: The administrator can get this ‘server. ca-bundle’ from your hosting provider.
    Magento 2 live streaming

Stun the server

  • URL: Here the administrator should enter the URL of the Stun server.
  • Active: Here the administrator can enable or disable the Stun Server.

Turn Server

  • URL: The administrator should enter the URL for the turn server.
  • Username: Enter the username for the turn server.
  • Password: The administrator must provide a password for the turn server.
  • Active: Here the administrator can activate or deactivate the turn server.
Configuration-Settings-Stores-Magento-Admin-1-2

The duration of the stream clip

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

Email templates

  • Invitation template for influencers: Here admin can choose their custom influencer invitation email template.
Configuration-Settings-Store-Magento-Admin-2-3

Here the administrator can manage their influencer profiles, such as invite and delete by navigation “Live Stream>Influencers”.

Influencers-LiveStream-Magento-Admin

Invite influencers

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

Invite-Influencer-Magento-Admin

Email Call for Influencers

Influencers will receive an invitation email as per the screenshots below, and from this email, the influencer will receive their login URL and credentials.

    Magento 2 live streaming

Here admin can manage the stream like add, edit and delete streams. To add a new stream, the administrator must click “Add stream”.

Streams-LiveStream-Magento-Admin

Add a stream

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

  • Title: Here the administrator can define his stream title.
  • Description: In this section, the administrator can define the description of the stream.
  • Scheduled date: Here the administrator can schedule the date and time of the live broadcast.
  • Influencer: From this drop-down menu, the administrator can assign this stream to an influencer.
  • Thumbnail: Here the admin can upload a thumbnail of the stream.
  • Products: From this drop-down menu, the admin can select the product they want to promote via live streaming.
Stream-Magento-Admin

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

My-Account-2

Pending influencer streams

Here, influencers can check their pending streams and manage things like edit and browse navigation “My Account>Pending Streams”.

My-Account-1-1

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

Similarly, influencers can send messages to their customers and vice versa. If they want to stop broadcasting, then they should click on “Stop broadcasting”.

    Magento 2 live streaming

After stopping the broadcast, influencers can download the same show by clicking “File Download”.

    Magento 2 live streaming

Completed flows

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

    Magento 2 live streaming

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

    Magento 2 live streaming

Check out the influencer’s profile

The client can check the profile of the influencer and their account on social networks by clicking “Influencer Name”.

    Magento 2 live streaming

support

So that’s all about Magento 2 live streaming expansion. If you have any questions about the plugin, please contact us on the Webkul support system.

Current product version – 4.0.0

Supported framework version – Magento 2.0.x, 2.1.x, 2.2.x, 2.3.x, 2.4.x

Source link

Leave a Reply

Your email address will not be published. Required fields are marked *