Bagisto Live Stream Module

Bagisto Live Stream Module allows the admin to integrate the live stream system for the promotion of products to the Webstore. The admin can invite influencers for the live stream and can add streams to the store.

The admin can add title, description, schedule date, thumbnail, and products to the stream and can assign any influencer to the stream.

The customers can click on the live stream button to view the upcoming streams, previous streams, and live streams. The Logged-in customers can even message during the live stream.

• The admin can invite any number of influencers.
• Both guest and logged in customers can view the live stream
• The Logged-in customers can even message during the live stream.
• The admin can add products while creating the stream, these products will be displayed to the customers during the live stream.
• The customers can view upcoming streams, live streams, and previous streams.
• This module even facilitates the influencer to download the streaming video once the live stream is finished.

Unzip the respective extension zip and then merge “packages” folder into project root directory.

Goto config/app.php file and add following line under providers,

Webkul\LiveStream\Providers\LiveStreamServiceProvider::class

Goto composer.json file and add following line under psr-4,

"Webkul\\LiveStream\\": "packages/Webkul/LiveStream/src"

Then Goto config/concord.php file and add following line under modules,

Webkul\LiveStream\Providers\ModuleServiceProvider::class

Now delete the composer.lock file and run these below commands to complete the setup,

composer require predis/predis
composer require pbmedia/laravel-ffmpeg
npm install -g laravel-echo-server
composer dump-autoload
php artisan migrate
php artisan route:cache

# for linux

php artisan vendor:publish --provider=Webkul\\LiveStream\\Providers\\LiveStreamServiceProvider --force

# for windows

php artisan vendor:publish --provider=Webkul\LiveStream\Providers\LiveStreamServiceProvider --force

Goto .env file and change BROADCAST_DRIVER and QUEUE_DRIVER to redis.

Copy laravel-echo-server.json to your project’s root path and set your all configs (like authHost, host, port, etc.) according to your own requirements.

Finally start laravel echo server and process queue,

laravel-echo-server start
php artisan queue:listen

After the successful installation of the module the admin can see the settings of live server by navigating to Configure>>Live stream.

Stun Server

URL:- The admin needs to enter the URL of the stun server.

By the toggle button the admin can active or inactive this stun server

Turn Server

URL:- The admin needs to enter the URL for the turn server.
User Name:- Enter the username for the turn server.
Credentials:- The admin needs to enter the credentials here.

By the toggle button, the admin can active or inactive this Turn server.

Stream Clip Duration

The admin can set the time duration after which the clip will be automatically saved. The time will be in seconds.

Once these configuration has been done, the admin need to navigate to the Live Stream option that is visible on the left side of the admin dashboard as shown in the image below:-

After clicking on the Livestream a page will open that will look like shown below:-

Influencers

Under the influencers, the admin sees the influencers that have been created by the admin. To add a new influencer the admin needs to click on the invite influencer button.
Once clicking on the invite influencer button a popup will generate that will look like shown below:-

The admin needs to enter the First Name, Last Name, and Email of the new influencer and after that, the admin needs to click on the invite button.
Once clicking on the invite button a notification will generate that the influencer has been created as shown in the image below:-

Streams

Under the streams, the admin can see all the streams that have been created as shown in the image below:-

To add a new stream the admin needs to click on the Add Stream button.

After clicking on the add stream button a page will generate that will look like shown below:-

Here the admin need to enter all the details regarding the stream like Name, Description, Scheduled date, The admin can also select the influencer from the drop-down.
The admin can also select the thumbnail image and can even select the products, these products will be visible under the live stream.
After filling all these details the admin just need to click on the Save button.

Now the the influencer need to login as a customer to see the live stream details.

Under the profile section that is below the live stream, the influencer can enter all the details as shown in the image below:-

In the stream, the influencer can see all the streams that have been assigned to the influencer by the admin as shown in the image below:-

By clicking on the edit button the influencer can edit the stream accordingly and by clicking on the eye button the influencer will be navigated to the page that will look like shown below:-

To stat streaming the influencer just need to click on the Go Live button. The stream will be started and the influencer is now live with all as shown below:-

The influencer can also send the message to the viewers from the message box.

The customers can see all the upcoming streams and live streams on the website by clicking on the Live Stream Button that is visible on the header.
After clicking on the Live Stream button a page will generate that will look like shown below:-

After Clicking on the live stream the customer can see the live stream that is currently going on as shown in the image below:-

This module can be very benificial in case of launching a new product live, This can also be beneficial for ecommerce to increase the traffic in the site.

That’s all for Bagisto Live Stream Module, still, if you have any issue feel free to add a ticket and also let us know your views to make the module better https://bagisto.uvdesk.com/en/