/w=1920,quality=90,fit=scale-down){kind=icon}
LiveStream
This block integrates with a streaming service, e.g. Youtube, Vimeo, Facebook, etc.
- About the Live Stream Block
- Creating a Live Stream Block
- Block Settings
- GEVME Live
- YouTube
- Vimeo
- Facebook
- Microsoft Stream
- Custom Streaming URL
- Display Static Image when the streaming is not Live
- Important Note
- JSON Config
- Attributes
- Sample
About the Live Stream Block
The Live Stream block is used to display video from popular streaming services such as Youtube, Vimeo, Facebook, etc or our own native streaming service called GEVME Live. Even though it's called the Live Stream block, it can be used to display both live videos and pre-recorded videos.
Creating a Live Stream Block
To create a Live Stream block, in the Venue Editor, click on "Add Blocks" button in the settings panel on the left, then choose "Live Stream" under the Video category.
Block Settings
The main setting of the Live Stream block is the Streaming Service. From the Streaming Service dropdown, choose the service you want to integrate with.
Below is a description of each service, their settings and how to integrate with each one of them.
GEVME Live
Before using GEVME Live streaming service, you first need to configure the broadcast channel under Channel Management App.
Once you have configured a list of channels to use, simply pick it up from the dropdown list.
YouTube
To paste the embed URL of your youtube video, e.g. https://www.youtube.com/embed/{video_id}
Vimeo
To paste the embed link of your video or showcase, e.g. https://player.vimeo.com/video/{video_id} or playlist: https://vimeo.com/showcase/{list_id}/embed
To paste the video link, e.g. https://www.facebook.com/{video_id}
Microsoft Stream
To paste the video link, e.g. https://web.microsoftstream.com/video/{video_id}
Custom Streaming URL
If you are using a custom streaming that is not within the listed options, you can select this option and paste the playback URL / streaming URL.
This is usually applied for "View On-Demand" playback URL.
Display Static Image when the streaming is not Live
This is applied for select streaming service which is not autoplay:
- GEVME Live
- Custom Streaming URL
For pre-event and post-event, we recommend static images of important information that the attendees should be informed of.
- Pre-Event:
- Post-Event:
Housekeeping Information
Important Note about the event
View-on-demand information
QR Code of Event Survey
Important Note
For Live Streaming Block, do take note of the different Heights to be set
Laptop View: 550px
Mobile View: 250px
JSON Config
Attributes
Name | Type | Description | Common to All |
|---|---|---|---|
String | The cover image that you would want to set as default for the block. Eg: āhttps://files-myxp.s3-ap-southeast-1.amazonaws.com/livestream/default_background/Light_BG_1.pngā | Yes | |
Boolean | Does not allow popup to occur when this field is true. | Yes | |
Object | ReferĀ here. | Yes | |
Boolean | Only render background image when this field is true. | Yes | |
String | Sets the height of the block, only useful whenĀ | Yes | |
Boolean | Determines if the | Yes | |
String | Only needs to be specified whenĀ | Yes | |
Boolean | Value of true would result in the block being wrapped with a white background. | Yes | |
Object | ReferĀ here. | Yes | |
Array | [ā0ā, ā0ā, ā0ā, ā0ā, āpxā]Last index can be: āpxā, āremā, āemā, ā%ā, āā. | Yes | |
String | [ā0ā, ā0ā, ā0ā, ā0ā, āpxā] Last index can be: āpxā, āremā, āemā, ā%ā, āā. | Yes | |
Boolean | true | No | |
Boolean | false | No | |
String | āhttps://files-myxp.gevme.com/ā¦.ā | No | |
Enum | āimageā | | No | |
String | āā | No | |
Boolean | Setting this field to true would result inĀ | Yes | |
String | āheadingā | Yes | |
Enum | "center" | "left" | Yes | |
Boolean | true | Yes | |
String | āhttps://www.youtube.com/embed/{video_id}āāhttps://player.vimeo.com/video/{video_id}āāhttps://vimeo.com/showcase/{list_id}/embedāāhttps://www.facebook.com/{video_id}āāhttps://web.microsoftstream.com/video/{video_id}ā | No | |
Integer | 1 | Yes | |
Enum | āgevmeliveā | āyoutubeā | āvimeoā | āfacebookā | āmsteamsā | ācustomstreamā | No | |
Enum | Renders the block width styling based on the value selected. Only when ācustomā is selected,Ā | Yes |
Sample
This block integrates with a streaming service, e.g. Youtube, Vimeo, Facebook, etc.
