Broadcast Button Web Component
Overview
The Broadcast Button Web Component is a 1:many audio (optionally also video) broadcasting component. It allows you to broadcast live podcasts, auctions and speeches or press conferences to a broader audience, directly on your own website.
Embedding
You will need two separate websites: the first website is aimed for the broadcasting person, the other for the audience of the broadcast. Both websites embedd the same web component, however, they are configured differently.
Make sure to embed the Javascript file directly from your web meeting instance. This way you never miss an update.
<html>
<body>
<!-- embedd the web component -->
<broadcast-button api-host="http://<YOUR WEB MEETING INSTANCE URL>"
participant-name="Name"
start-text="Start broadcasting"
stop-text="Stop broadcasting"
feature="video"
streaming-token="80ef2294-cbf5-41a3-9348-0d4350dadc26"
streaming="false"
meeting-id="2177-5337-3955-4915"> </broadcast-button>
<!-- embedd the WebRTC adapter for browser compatibility -->
<script type="text/javascript"
src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
<!-- embedd the web component code -->
<script type="text/javascript"
src="https://<Web Meeting Domain Name>/component/broadcast-button/elements.js"></script>
</body>
</html>Attributes
You can use HTML attributes to configure the Broadcast Button. Some attributes are mandatory, others optional. The table below describes each of the attributes available.
| Attribute name | Mandatory? | Description |
|---|---|---|
| api-host | Yes | The domain name of your web meeting instance, for example https://rooms.veeting.com |
| participant-name | Yes | The name of the participant. If you don't know the name you may use a placeholder such as Anonymous. |
| participant-email | No | The email address of the participant. |
| meeting-id | Yes | The ID of the meeting to which the component should connect to. |
| start-text | No | String to overwrite the default "Start text" |
| stop-text | No | String to overwrite the default "Stop text" |
| feature | Yes | Either "audio" or "video", defines if the broadcast is audio only or with video included |
| streaming-token | No | Required for the broadcasting side. This streaming token is equal to the moderator token of the Webinar |
| streaming | Yes | Set this to true if the website is for the broadcasting person, otherwise, set it to false for visitors. If true a valid streaming-token needs to be provided too. |
Manipulating
Use our Javascript APIs to interact with the Web Component, for example for media device selection, leaving and rejoining the meeting, etc
Not sure how to best implement your project?
Contact our team to talk through the details.
Contact Information
Useful Links
Legal
Use Cases
Case Studies
