nanocosmos Documentation

nanocosmos Documentation

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

›How-to

nanoStream Cloud

  • Overview
  • Latest News
  • Introduction
  • Getting started
  • Live Encoding
  • SRT Ingest
  • Live Recording and VOD
  • Security Features

    • nanoStream Cloud Security
    • nanoStream Guardian

    Analytics

    • General
    • Worldmap
    • Zoom
    • Troubleshooting
    • Guardian
    • Analytics API

Cloud Dashboard

  • Getting started
  • Cloud Dashboard Overview
  • How-to

    • Start streaming
    • Stream List
    • Adaptive Bitrate
    • Secure Playback Tokens
    • nanoStream Cloud Tags
    • Embed nanoPlayer Code
    • nanoStream Webcaster

Bintu API

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

Support

  • Network Diagnostics
  • Support

Video Tutorials

  • How to Setup a Low Latency Stream
  • Analytics For Low Latency Streams
  • How To Setup Streamgroups Through V3 Dashboard
  • How to Setup Optimal Latency Modes for Streaming
  • How To Setup Ingest Security For Your Live Streams
  • Implement Playback Security For Your Live Streams
  • Defend Against Misuse With nanoStream Guardian
Edit

Embed nanoPlayer Code

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!

Support

Hopefully, this tutorial was helpful for you. For further assistance, use our contact form, browse the FAQs or contact us via support(at)nanocosmos.de

Last updated on 9/11/2023
← nanoStream Cloud TagsnanoStream Webcaster →
  • Finding the nanoPlayer Code Snippet
  • Inserting the Code Snippet on a Wordpress Website
  • Support
Contact
HomepageContactSupportLegal Terms
Products
Nanostream Cloud with Bintu.LiveH5Live Low Latency HTML5-PlayernanoStream WebcasterNanostream Apps and SDK
More
BlogTwitterFacebookLinkedInGitHubStar
nanocosmos GmbH
Copyright © 2023 nanocosmos GmbH - doc version Mon Sep 11 2023 09:43:20 GMT+0000 (Coordinated Universal Time)