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.

Broadcast Button

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 nameMandatory?Description
api-hostYesThe domain name of your web meeting instance, for example https://rooms.veeting.com
participant-nameYesThe name of the participant. If you don't know the name you may use a placeholder such as Anonymous.
participant-emailNoThe email address of the participant.
meeting-idYesThe ID of the meeting to which the component should connect to.
start-textNoString to overwrite the default "Start text"
stop-textNoString to overwrite the default "Stop text"
featureYesEither "audio" or "video", defines if the broadcast is audio only or with video included
streaming-tokenNoRequired for the broadcasting side. This streaming token is equal to the moderator token of the Webinar
streamingYesSet 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.