webcaster-api - v6.1.0


Welcome to the Webcaster SDK documentation.
You can find additional documentation for integrating Webcaster into your project here.
Please also take a look into our samples here.


  • Download and include the Webcaster JavaScript file in your project.
  • Create a new stream. Read about stream creation via the nanoStream Cloud dashboard here.
  • Basic understanding of TypeScript or JavaScript is advantageous.


  1. Include Webcaster: Ensure the Webcaster JavaScript file is downloaded and included in your project.

  2. Configure Webcaster: Create a configuration object with essential properties, notably the bintu stream name.

  3. Instantiate Webcaster: Initialize a Webcaster instance with your configuration.

  4. Setup and Begin Streaming:

Code Snippet

The following code snippet assumes you extracted the JavaScript file to a folder named "myproject/dist". Create an HTML file with the following minimalistic content and run it in a browser:

<!DOCTYPE html>
<meta charset="utf-8">

<script src="../../dist/nanostream.webcaster.js"></script>

<link rel="stylesheet" href="./../style.css">

<title>nanoStream Webcaster API Demo</title>


import { Config as WebcasterConfig, Webcaster } from './dist/nanostream.webcaster';

const config = {
streamName: 'my-stream-name'

const client = new Webcaster(config);

document.addEventListener('DOMContentLoaded', async () => {

client.setup().then(async (fullConfig) => {

await client.startPreview('myPreviewElId');



Next Steps

With the fundamental streaming setup complete, you are encouraged to delve into more sophisticated functionalities like stream control, metrics integration, and personalization. For comprehensive information, refer to the detailed feature sections in the Webcaster SDK documentation.

Generated using TypeDoc