Adding a Livestream
A Livestream is a video feed that plays online 'live'. For example, a video camera, webcam or phone at a church service may Livestream what the camera's seeing straight to the internet so anyone online can see what the camera's seeing at that moment (or a few seconds behind, technically...).
Adventist Place can display a Livestream feed from third party services, like YouTube, livestream.com and possibly Facebook who supply an 'embed' url (not just the page url it shows on).
Before you can add a Livestream to your site you first need to add the Livestream's details to your site:
Adding a Livestream
- Go to Content>Livestreams in your dashboard's main menu
- Enter a name for the Livestream
- Insert the 'livestream embed' code, often found via a 'share' or 'arrow button' on the video and then select an 'embed' option to find the code to paste in.
> Youtube Livestream code can be found by going to the video's youtube.com page and clicking on the share 'arrow icon' found up the bottom of the video, and then clicking the <> embed button to reveal the code, which should look something like:
<iframe width="560" height="315" src="https://www.youtube.com/embed/1_Lj-VyJD84" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
> livestream.com code can be found by going to the video's livestream.com page and clicking on the share 'arrow icon' found up the top right of the video, and then clicking the </> button to reveal the code, which should look something like:
<iframe id="ls_embed_1566880049" src="https://livestream.com/accounts/22320199/events/6623203/player?width=640&height=360&enableInfoAndActivity=true&autoPlay=true&mute=false" width="640" height="360" frameborder="0" scrolling="no" allowfullscreen> </iframe>
> For a Facebook Live, non-scheduled stream, where a livestream has started on a Facebook Page already:
1. click the three menu dots up the top right of the 'live post' to open a menu that has 'embed' as an option.
2. select embed and copy the embed code
3. paste the code into an Embed Code Widget (or the Livestream Widget) on the Page you want it to appear on.
The Livestream will play live on your webpage automatically when that page loads while the stream is Live, and then will be a 'play' option after it ends to allow play back of the livestream (if the feed was set to remain available after it ends).
> For a Facebook Live, scheduled stream, you need to connect your live stream to the Live API (Use live-streaming software or a hardware encoder.)
In Facebook, click the 'Live' button to begin setting up a Facebook Live event and select 'Connect', which can allow oyu to scheduled a Livestream up to a week in advance. In the feed's settings, tick 'Allow embedding' and down the bottom a </> button should apper. Click on it to get the embed code of the video, which should look something like:
<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FAdventistRecord%2Fvideos%2F2386474354939912%2F&show_text=0&width=560" width="560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
NOTE: if you can't get this to work, (let us know how if you do), try the next option...
> Facebook Live, Advanced feed setup: Instead of using the Livestream feature, put the Social Feed Widget on a Page and set it up with the Facebook Page that the Livestream will appear on, and people will be able to see the Facebook Live as it appears at the top of the Facebook Page's feed, in the widget, on your Page. (Of course all other posts on that feed will be visible in-between live events.) No embed code or updating is needed with this method. - Summary displays on the live feed page and is helpful if the feed hasn't started yet.
- Continuous livestream? is for live streams which are always available or will be repeated at that address over and over.
- Start Time/ End Time tells visitors when it goes live and puts multiple streams in order.
- Image is used as a promo image when you have a list of Livestreams scheduled.
- Save
Once you've added a Livestream as above, you can then display it on your Site by putting a Livestream Widget on a Page, or linking to the Livestream page that will display on your site.
NOTE: You could also just use the embed code from your streaming service and put it into an 'embed code widget' on any Page, instead of using the Livestreaming section in Adventist Place - it just won't schedule it on your site.
FACEBOOK "Connect your live stream to the Live API Use live-streaming software or a hardware encoder." NOTES:
Select a date and time when you want to go live. You can also add a custom image. When you schedule your live video, an announcement will be published immediately. Verify your live video feed at least 20 minutes before the scheduled start time.
To verify it, preview the feed by opening the scheduled video in your video library. People following your event will be notified about your scheduled broadcast, and some may be waiting for you at the scheduled start time.
The live video will automatically begin at the scheduled start time. You must go live within 10 minutes of the scheduled time or your video will be cancelled.