Guide for Bagisto Marketplace Live Stream

The Bagisto Marketplace Live Stream module provides functionality to the admin adding sellers as influencers. It allows the sellers to add live streams to promote their products. The customers can view the product’s previous, upcoming, and live streams.

Bagisto Marketplace Live StreamThe Bagisto Marketplace Live Stream module provides functionality to the admin adding sellers as influencers. It allows the sellers to add live streams to promote their products. The customers can view the product’s previous, upcoming, and live streams.

The sellers can add their products to the live stream. The admin and sellers can add unlimited influencers for live streaming. Moreover, the buyers can chat and purchase the products during the live stream.

  • The store admin and vendors can add the influencers.
  • The admin and vendors can invite influencers.
  • The vendors and admin can create a stream for their influencers.
  • The influencers can also edit the stream.
  • Influencers can create a profile that is publicly available to all users.
  • Guest customers can also view the live streaming.
  • The customers can chat with the sellers on the live stream.
  • The sellers can showcase their products during a live stream.

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

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

WebkulMarketplaceLiveStreamProvidersMarketplaceLiveStreamServiceProvider::class

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

"Webkul\MarketplaceLiveStream\": "packages/Webkul/MarketplaceLiveStream/src"

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

WebkulMarketplaceLiveStreamProvidersModuleServiceProvider::class

Basic Requirements for Installation-

Need FFmpeg for video operations.
Install Redis – apt install redis
Install Larvel Echo Server – npm install -g laravel-echo-server

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

composer require predis/predis
composer require pbmedia/laravel-ffmpeg
composer dump-autoload
php artisan migrate
php artisan route:cache

# for linux

php artisan vendor:publish --provider=Webkul\MarketplaceLiveStream\Providers\MarketplaceLiveStreamServiceProvider --force

# for windows

php artisan vendor:publish --provider=WebkulMarketplaceLiveStreamProvidersMarketplaceLiveStreamServiceProvider --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

Note: The store admin must have to install and configure the turn-stun server and the supervisor to set up the module.

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

Admin-Configurations

Here, the admin will make the general module settings by enabling the module status. Now the admin will make the below server settings.

Stun Server

URL- The admin will have to enter the Stun server URL to configure the Stun Server.

The store admin can activate or deactivate the stun server status from the toggle button.

Turn Server

URL-The store admin has to enter the Turn server URL here.

Username- Enter the Turn server username.

Credentials- Credentials will be entered here for the Turn server.

Likewise the Stun server, the admin can activate or deactivate the status of the Turn server.

Stream Clip Duration

Furthermore, the admin will enter the stream clip duration in seconds. It defines the time after which the clip will get saved automatically.

The admin will have to click on the Save button after making all the required configurations.

After that, the admin can add the influencers with the Invite Influencer button present in the top-right corner.

Screenshot-1-1

Now, a popup will appear to fill in the details of the influencer as per the screenshot.

Screenshot-2-1

Here, the first name, last name, and email will be entered, and click on the invite button. The list of the influencers will display as shown in the image.

Screenshot-3-1

The admin can also create a stream with the help of the Add Stream button visible at the top-right corner.

Screenshot-4-1

The below page will display to add the stream once clicking on the button.

Screenshot-5-5

Add Stream

The admin will enter the below details for adding a new stream.

Title- Here, enter the title of the stream.

Description-The store admin can enter the description for the live stream.

Scheduled Date-The scheduled date for the stream needs to be entered here.

Influencer-Influencer can be selected from the dropdown list.

Media-Now, the admin can add the image for the live stream.

Products- The admin can add the vendors’ products that will display during the live stream.

Furthermore, the stream will be shown in the created list under the streams shown in the image.

Screenshot-6-4

Frontend View in Customer End

The customer dashboard will display as per the image shown below.

Screenshot-7-3

The customers can edit their profile details such as title, URL, media, banner, and social links from their dashboard.

Screenshot-8-2

The customers can see the pending streams in the Pending Stream tab as per the below screenshots.

Screenshot-9-1

The customer can go live by clicking on the eye button present in the Action tab. After that, the customer can go live by clicking the Go Live button.

Screenshot-10-1

The live, upcoming, and previous streams will also be displayed in the live stream button present at the top of the website.

Screenshot-11-1

Once the influencer is live the status of the stream will display as live and they can also view the number of viewers in the eye button present at the right side of the stream.

The influencers can stop the stream by simply clicking on the Stop Broadcast button.

Screenshot-12-1

Now, the stream will display in the completed streams tab as per the below screenshot.

Screenshot-13-2

Seller View-Bagisto Marketplace Live Stream

The sellers can view and edit their profiles from their dashboard.

Screenshot-14-1

The seller can add an influencer from the Influencer option present in the sidebar of their profile. After that, the below page will display to add an influencer.

Screenshot-15-1

The seller has to click on the Invite button and the below page will appear for adding the influencer details like; first name, last name, and email. Now the seller will click on the Send Invitation button.

Screenshot-16-1

Furthermore, the vendor will navigate to the Stream option present in the sidebar. The seller will click on the button to add a new stream.

Screenshot-17-1

The below-mentioned form will appear to the seller to fill in the details such as; stream title, description, the scheduled date for the stream, select influencer, image, and select the products to add to the stream.

The vendors can also showcase their products during the live streaming. Customers can purchase these products by clicking on the product.

Screenshot-18-1

The created stream will appear in the list of the stream and the status will be visible as pending.

Seller-end

The customers can view the pending streams in the pending stream tab in their profiles.

Screenshot-9-2

Likewise, they can join the live stream by clicking on the eye button present in the Actions.

Screenshot-20

The customer can go live with the help of the Go Live button. Moreover, they can chat with the seller during the live stream for any query with the help of the chat window.

The live stream will display in the completed streams tab once the stream will end.

Screenshot-13-3

So, that was much about the Bagisto Marketplace Live Stream module. You can also raise a ticket at our HelpDesk System in case of any queries.

Please explore our Laravel Development Services and Quality Bagisto Extensions.


Source link