In this age of live streaming, we have virtually an endless option to stream a live video on the internet. Anyone can easily go live on Instagram or YouTube nowadays, among other social network platforms like Facebook Live videos. If you have your won website you must learn how to setup live streaming video on website, to gain some more traffic.
However, what about streaming live video on your own website? If you are serious about streaming your live video, you should do it on your own website or app. Moreover add it with your custom-branded video player!
In this guide, we will share how you can do it, and it’s actually simpler than you might think.
Why Streaming Live On Your Website?
Having your website or an app as your own live streaming platform will provide the following benefits:
- Having absolute freedom in creativity. Nobody will limit what kinds of content you can publish.
- Freedom in monetization. You can monetize your content in any ways you want.
- Freedom in customization and personalization. You can, for example, put your branding on your video player and throughout the site.
- Control how you are going to promote the channel.
In short, you’ll get versatility and freedom both in creativity and financial decisions. Also you don’t have to limit yourself to the streaming platform’s guidelines and algorithms. By doing so, you can maximize your live streaming video’s performance.
How to Setup Live Streaming Video on Website?
Here are simple steps to guide you to setup live streaming video on your website:
Step 1: Choosing a video hosting option
We generally have three main options in embedding a video player capable of live streaming on our website:
- Completely DIY: if you have the programming knowledge, you can build your own website with WordPress and embed your player. This can be a cost-effective approach but typically will require a longer time to accomplish.
- Hire a developer: if you have the budget, you can hire a web developer to build a website or app capable of live streaming. This can get very expensive if you are not careful but certainly is a viable option.
- Use a video hosting platform: for example, with Viloud’s live streaming platform, you can start live streaming on your website at an affordable cost.
The latter option is generally the most accessible and affordable. So for the rest of this guide, we are going to assume that you are using a video hosting platform like Viloud to stream your videos.
Step 2: Preparing your infrastructure
The next step is to get the right equipment to ensure a good live streaming quality, and generally, you’ll need four core things:
- Video and audio sources: arrange for one video camera and one microphone. Else if you are going to stream pre-recorded videos, you can upload the respective file can from your desktop.
- Encoder: an encoder converts your video data from continuous image files into a single, stream-able video file. You can get a dedicated encoder or a software encoder like OBS.
- Streaming platform: which we have discussed in step 1.
- Internet connection: a fast enough and reliable internet connection. A good benchmark is to have an internet bandwidth at least 1.5 times your target bitrate (if your target bitrate is 3Mbps, then you’d need at least 4.5Mbps of bandwidth).
Step 3: Configuring the encoder
First, you’ll need to connect your video and audio sources into your encoder.
If you are using a hardware encoder, then the process should be pretty straightforward. Connect your camera and microphone to the encoder, then connect it to your computer.
If you are going to use a software encoder, then you might need a capture card to connect your microphones and cameras directly to your computer.
Once you’ve properly connected all your video/audio sources, you can configure:
- Video resolution: 1280×720 pixels is the standard HD resolution, also known as 720p. However, try to serve 1080p (1920×1080) or even 4K (3840 x 2160) if your bandwidth allows.
- Bitrate: the bitrate is about how much data is being uploaded every second to the streaming platform, measured in Kbps (kilobits per second). The higher the bitrate, the smoother the video quality but, the more bandwidth you’ll need.
- Framerate: how many frames are displayed per second. 30 fps is considered okay-ish, but 60 fps is increasingly becoming the new standard.
Step 4: Pairing your encoder and streaming destination
This step might vary depending on your chosen video hosting platform and your encoder.
Still, typically you can simply copy the stream URL provided by your video hosting platform and a stream name/stream key (a secret code), then paste it into the encoder.
Step 5: Embedding the player to your website
Again, this step might vary depending on your chosen video hosting platform. But if you are using Viloud, you can do this in a few simple steps:
- Login to your Viloud account.
- Go to Channels in the navigation menu on the left-hand side.
- Click the Embed button. It should be clearly visible.
- Configure your player: size, display options, and playback options.
- You should see an embed code in the text box, copy this code.
- Paste this code in your site’s HTML code.
As you can see from this guide, you can actually start streaming live video on a website in just five simple steps.
Nowadays, the equipment needed to setup live streaming video on website has become much more affordable than ever before. Various professional hosting platforms allow adding a much easier time in embedding a video player on your website.
Thus, if you plan to start streaming your live video on your website or app, there’s simply no reason to delay any longer.