nanocosmos Documentation

nanocosmos Documentation

  • nanoStream Cloud
  • H5Live Player
  • nanoStream Webcaster
  • nanoStream Apps and SDKs
  • Samples
  • FAQ

›cloud frontend

nanoStream Cloud

  • Overview
  • Introduction
  • Getting started
  • Live Encoding
  • Live Recording and VOD
  • nanoStream Cloud Security
  • Analytics

cloud frontend

  • Getting started
  • Cloud Dashboard Overview
  • Stream List
  • Start streaming
  • Adaptive Bitrate
  • Secure Playback Tokens
  • nanoStream Cloud Tags
  • Embed Player Code
  • nanoStream Webcaster

bintu api

  • bintu api
  • bintu custom web hooks
  • bintu.live Stream Tags

Support

  • Network Diagnostics
  • Support
Edit

How to Embed nanoPlayer on your own web page

How to Embed a nanoStream on Your Website

Embedding a live stream into your own website is really simple. Every nanoStream has its unique code snippet that is updated automatically to your setup - you only have to copy and paste it to the right place.

Finding the nanoPlayer Code Snippet

The nanoStream H5Live Player Code Snippet can be found in the Stream Overview of the stream that you want to embed. You can find the Stream Overview from your stream list. Click on Streams on the left side of the homepage to find a list with all of your created streams.

stream-list

Clicking on one of the streams here will open up its Stream Overview.

stream-overview2

Now scroll down to the Nanostream H5Live Code Snippet (Nanoplayer).

code-snippet

Now click :arrow_down_small: and press Copy to copy the code snippet.

copy-snippet

Now you can insert the code snippet on your own website.

Inserting the Code Snippet on a Wordpress Website

Create a new post on Wordpress and Click on Text.

wp-setup

Now paste the code snippet.

wp-paste

Having added the code snippet to the text box, click Publish or Update on the right-hand side of the page to publish the post.

wp-publish

Now check out your new post.

wp-finish

Your stream goes around the world in one second!

Last updated on 2/21/2021
← nanoStream Cloud TagsnanoStream Webcaster →
Contact
HomepageContactSupportLegal Terms
Products
Nanostream Cloud with Bintu.LiveH5Live Low Latency HTML5-PlayernanoStream WebcasterNanostream Apps and SDK
More
BlogTwitterFacebookLinkedInGitHubStar
nanocosmos GmbH
Copyright © 2021 nanocosmos GmbH - doc version Sun Feb 21 2021 20:36:34 GMT+0000 (Coordinated Universal Time)