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.
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="https://<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>
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. |
Use our Javascript APIs to interact with the Web Component, for example for media device selection, leaving and rejoining the meeting, etc
Contact our team to discuss the details.