Wish that you could live stream to your own website? You can with StreamYard On-Air which allows you to embed your broadcast and live chat on your website.
How to embed an On-Air live stream
- In the Home page, click “Create.”
- Select “On-Air webinar.”
- Select either “Studio” or “Pre-Recorded” as the source. Most choose the studio to go live, but if you've already recorded a video (on StreamYard or elsewhere) you can also upload that and stream it as if it were live.
- Add any additional destinations, if you'd like to multistream to any other platforms. This step is optional when you're embedding!
- Enter your title and description. Next, select the date and time, and choose whether or not you would like to enable registration.
Note: The description for your webinar will not show up on your website, while the title will be shown on the registration form if registration is enabled. - Click “Create". Here, you can click "On Air branding and settings" to choose to enable the live chat for your embedded stream or not, and customize your webinar branding.
- After making your choice, click the back arrow, then click "Share with Viewers". Select "Embed". Choose whether or not you want the embedded player to have a fixed size, or be responsive to the browser window size.
8. Copy and paste the embed code onto your website. Your viewers will see the stream and chat embedded together on your website when you go live on StreamYard! If you chose to disable the live chat in the earlier step, it will not appear.
Notes
- The embed code will be different for each broadcast.
- The chat and player partition is responsive in nature. If the screen width is below 640p, the chat window will be collapsed and will not show by default. It will become visible once the viewer clicks the ‘View Chat’ icon in the top right.
Looking to embed a Youtube livestream to your site instead? Check out this article here.
Examples of StreamYard On-Air Embedded on Websites
You can find examples of how StreamYard On-Air looks once embedded into websites below!
The image above shows the registration page which displays the name of the webinar, the start date and time, and the registration fields. The color shown here is dependent on the color scheme selected during creation. Enabling registration for your webinar is optional. Learn more about customizing your webinar here!
The image above shows how the StreamYard On-Air player looks on the website. The name of the webinar is not displayed, however, your website could be designed to include it.