1. Add the element "Agora Streaming" to the page.
2. Create groups as the player of the livestream. One group is only responsible for one video source. That is, if you want the host to display both the video from the camera and the video from the screen, TWO SEPARATE groups have to be created.

3. Define the ID attributes of the groups.

4. In the workflow, create a new event and select the appropriate element actions.


Element Actions:
1. Start Session

- app_ID: your Agora Service app_ID
- channel_name: an unique code for the specific stream. It can be any user-defined string.
- screen_container_id: the ID attribute of the group defined as the player of the host's screen.
- camera_container_id: the ID attribute of the group defined as the player of the host's camera.

This element action will start the session for a host, and stream the host's screen and webcam on the respective groups.

2. End Session

This element action will end the entire streaming session for a host. Host and every audience will stop streaming the host's screen and webcam.

3. Join Session

- app_ID: your Agora Service app_ID
- channel_name: an unique code for the specific stream. It can be any user-defined string.
- screen_container_id: the ID attribute of the group defined as the player of the host's screen.
- camera_container_id: the ID attribute of the group defined as the player of the host's camera.

This element action will join the session for an audience, and stream the host's screen and webcam on the respective groups.

4. Leave Session

This element action will leave the session for an audience. The audience's player will stop displaying the stream.

5. Mute

This element action will mute the host's audio.

6. Unmute

This element action will unmute the host's audio.