This feature allows your streamers on your website to go live through the Front End (not in wp-admin area), meaning that users who are not administrators can now independently broadcast videos. For instance, you have a website and you would like your users to be able to live stream on it without having to access the back-end that is closed off to the public. This is like the system that Twitch or YouTube users where anyone is able to live stream on the website.
We have added a shortcode, WPBakery block, and Elementor widget. All these items are backed by the same code so their behavior is the same.
Elementor #
- Go to “WpStream Settings” in WordPress admin
- Assign permissions to users (Editor, Author, Contributor, or Subscriber), a free or Pay-Per-View Channel (and its price). Save your changes
- Go to WordPress admin and click on “Pages” and “Add New”
- Add a title and click on “Edit with Elementor”
- Click on the “+” widget and then click on the first structure
- Click on the “+”
- Look up and drag the “WpStream Start Streaming” element to the “+”
- You will now be asked for a Product/Channel id
- If you leave the id blank, the plugin will auto discover the id of the first channel that belongs to the logged user and will automatically use that. If you add an id, the plugin will start broadcasting over that id.
- I will add an existing channel to demonstrate. I got this id by going to “WpStream Channels” and choosing which channel I would like to be used when regular users broadcast on my channel.
- Once you are ready, “Publish”.
- Now, I have created another account as a “Regular User” to broadcast on the website
- I will go back to my WordPress admin, go to “Users” and change from “Customer” to “Editor” as I have initially assigned permission to “Editors” in “WpStream Settings”. Save changes
- When a user that you have assigned rights to accesses this page, they will be able to start a broadcast and it will look like this
- Your Editor (Regular user) will be able to broadcast from the browser or using a 3rd Party External Broadcaster. They can also view their live metrics. I will be using OBS Studio to broadcast (External broadcaster)
- Open OBS, Go to Settings
- Go to Stream, add the Server and Stream Key, and click on OK
- Start Streaming
- Go back and click on “View Channel”
- This is how your live stream which is broadcasted by your regular user should look like
- Once they are done broadcasting, they can go back to OBS and click on “Stop Broadcast”
- The live stream will end and this message will appear
WPBakery #
- Go to “WpStream Settings” in WordPress admin
- Assign permissions to users (Editor, Author, Contributor, or Subscriber), a free or Pay-Per-View Channel (and its price). Save your changes
- Go to WordPress admin and click on “Pages” and “Add New”
- Add a title
- Go back to your WordPress admin and to “Pages”. Go to the page you just created and click on “Edit with WPBakery Page Builder”
- “Add Element”
- Look up and click on “WpStream Start Streaming Button”
- A pop up window will appear asking for a Product/Channel id.
- If you leave the id blank, the plugin will auto discover the id of the first channel that belongs to the logged user and will automatically use that. If you add an id, the plugin will start broadcasting over that id.
- I will add an existing channel to demonstrate. I got this id by going to “WpStream Channels” and choosing which channel I would like to be used when regular users broadcast on my channel.
- Once you are ready, save changes. The “Start Live Event” appears. Click on “Update” your page.
- Now, I have created another account as a “Regular User” to attempt broadcasting on the website
- I will go back to my WordPress admin, go to “Users” and change from “Customer” to “Editor” as I have initially assigned permission to “Editors” in “WpStream Settings”. Save changes
- When a user that you have assigned rights to accesses this page, they will be able to start a broadcast and it will look like this
- Your Editor (Regular user) will be able to broadcast from the browser or using a 3rd Party External Broadcaster. They can also view their live metrics. I will be using OBS Studio to broadcast (External broadcaster)
- Open OBS, Go to Settings
- Go to Stream, add the Server and Stream Key, and click on OK
- Start Streaming
- Go back and click on “View Channel”
- This is how your live stream which is broadcasted by your regular user should look like
- Once they are done broadcasting, they can go back to OBS and click on “Stop Broadcast”
- The live stream will end and this message will appear
