+ All Categories
Home > Documents > Setting up nanoStream WebRTC for Live Video Broadcast€¦ · Version 4.3.1 / doc v 1.1 2 1 WebRTC...

Setting up nanoStream WebRTC for Live Video Broadcast€¦ · Version 4.3.1 / doc v 1.1 2 1 WebRTC...

Date post: 23-Jul-2020
Category:
Upload: others
View: 2 times
Download: 0 times
Share this document with a friend
7
Version 4.3.1 / doc v 1.1 1 Setting up nanoStream WebRTC for Live Video Broadcast © 2016 nanocosmos gmbh WebRTC enables plugin-free video broadcast and video chat communication through the browser. Based on an HTML/Javascript client running in WebRTC compatible browsers (e.g. Google Chrome), you can connect plugin-free video technology to WebRTC or RTMP streaming server. Low latency and adaptive bitrate improvements have been incorporated. It is currently available for Google Chrome, Firefox and Opera. H264 support for transcoding and passthrough streaming is starting with Google Chrome and Mozilla Firefox. Contact [email protected]
Transcript
Page 1: Setting up nanoStream WebRTC for Live Video Broadcast€¦ · Version 4.3.1 / doc v 1.1 2 1 WebRTC Demo Web Page To start WebRTC you need to open your browser with a specific web

Version4.3.1/docv1.1 1

SettingupnanoStreamWebRTCforLiveVideoBroadcast

©2016nanocosmosgmbh

WebRTCenablesplugin-freevideobroadcastandvideochatcommunicationthroughthebrowser.BasedonanHTML/JavascriptclientrunninginWebRTCcompatiblebrowsers(e.g.GoogleChrome),youcanconnectplugin-freevideotechnologytoWebRTCorRTMPstreamingserver.Lowlatencyandadaptivebitrateimprovementshavebeenincorporated.ItiscurrentlyavailableforGoogleChrome,FirefoxandOpera.H264supportfortranscodingandpassthroughstreamingisstartingwithGoogleChromeandMozillaFirefox.

Contact

[email protected]

Page 2: Setting up nanoStream WebRTC for Live Video Broadcast€¦ · Version 4.3.1 / doc v 1.1 2 1 WebRTC Demo Web Page To start WebRTC you need to open your browser with a specific web

Version4.3.1/docv1.1 2

1WebRTCDemoWebPageTostartWebRTCyouneedtoopenyourbrowserwithaspecificwebpage.TheWebRTCdemopageisusuallyalreadypreconfiguredforyourrequirements.Youcanchangetheconfigurationbasedonyourneeds.

OpentheprovidedURLwithaWebRTC-compatiblebrowser(Chrome/Firefox):

Youshouldseeapreviewofyourcamerainthe„LocalVideo“window.

Ifyouwanttochooseanothercameraormicrophone,selectthe„options“button.

2.1StartBroadcast

IfyouhaveapreconfiguredURLthenitisverysimple:justclickon„broadcast“.

Page 3: Setting up nanoStream WebRTC for Live Video Broadcast€¦ · Version 4.3.1 / doc v 1.1 2 1 WebRTC Demo Web Page To start WebRTC you need to open your browser with a specific web

Version4.3.1/docv1.1 3

2.2StartliveplaybackwithH5Liveplayer

Tostartplaybackjustclickon„playh5livestream“buttonbelowtheBroadcastSettings

Anewplayerwebpageshouldopensimilarlikethis:

Page 4: Setting up nanoStream WebRTC for Live Video Broadcast€¦ · Version 4.3.1 / doc v 1.1 2 1 WebRTC Demo Web Page To start WebRTC you need to open your browser with a specific web

Version4.3.1/docv1.1 4

Additionalinformation

WebRTCDemopageURLparameters

ExampleURL:

https://webrtc.nanocosmos.de/release/chat.html?webrtc.room=customer-room1&bintu.apiurl=https://bintu.nanocosmos.de&bintu.apikey=XXXXXXXXXXXXXXXXXXXXXXXXXXXX&webrtc.server=https://rtc1.nanocosmos.de/p/prod&bintu.tags=webrtc,tag1&webrtc.username=customer-user1&webrtc.token=YYYYYYYYYYYYYYYYYYYYYYYYY

URLParameters:

1.)https://webrtc.nanocosmos.de/release/chat.html

standardwebrtcpage

2.)webrtc.room=customer-room1

WebRTCchatroom,anyusercanjoinapeer-to-peerchat

3)bintu.apiurl=https://bintu.nanocosmos.de

APItoourbintu.liveservicestomanagelivestreams

4)bintu.apikey=XXXXXXXXXXXXXXXXXXXXXXXXXXXX

Youruniquebintu.liveAPIkey

5)webrtc.server=https://rtc1.nanocosmos.de/p/prod

WebRTCserverlocatedinGermany

6)bintu.tags=webrtc,tag1(freelyconfigurable)

bintu.livestreamtagstogroupandcombinelivestreams

7)webrtc.username=customer-user1

usernameforthechatroom(freelyconfigurable)

8)webrtc.token=YYYYYYYYYYYYYYYYYYYYYYYYY

Licensetokenforidentification

Page 5: Setting up nanoStream WebRTC for Live Video Broadcast€¦ · Version 4.3.1 / doc v 1.1 2 1 WebRTC Demo Web Page To start WebRTC you need to open your browser with a specific web

Version4.3.1/docv1.1 5

RTMPBroadcastconfigurationTheWebRTCbroadcastersendsthelivestreamtoourRTMPserversforfurtherdeliverytoplayerapplications.

WithournanoStreamcloud,thebintuAPIiscalledtoobtainuniqueRTMPURLs.

YoucancreatenewURLsbycallingthebintuAPIwithavalidAPIkey.

Customservers

YoucansendlivestreamstoyourownRTMPserver.

Forthisoption,disable„usebintu“inthebroadcastsettingsandenteryourownRTMPURL.

Note:thisfeaturemightrequireanadditionallicenseoption.

Page 6: Setting up nanoStream WebRTC for Live Video Broadcast€¦ · Version 4.3.1 / doc v 1.1 2 1 WebRTC Demo Web Page To start WebRTC you need to open your browser with a specific web

Version4.3.1/docv1.1 6

WebRTCAPI/CustomIntegrationSeeourinlinedocumentation

https://www.nanocosmos.de/doc

Pleasecontactusforfurtherinfo:[email protected]

H5LivePlayerAPIIntegration/CodeSnippet:

Furtherdocumentationrelatedtoh5liveareavailableatthefollowinglink:

https://www.nanocosmos.de/v4/documentation/nanoplayer-h5live

Page 7: Setting up nanoStream WebRTC for Live Video Broadcast€¦ · Version 4.3.1 / doc v 1.1 2 1 WebRTC Demo Web Page To start WebRTC you need to open your browser with a specific web

Version4.3.1/docv1.1 7

ViewliveandrecordedfileswithBintu.live

Youcanusethebintu.livedashboardorAPItoviewexistingandrecordedstreams.

DashboardandAPIentrypoints:https://bintu.nanocosmos.de/

Forfurtherinformationwewouldliketorefertoourbintu.livehowtodocument:

https://www.nanocosmos.de/blog/2016/07/live-streaming-with-bintu-live

https://bintu.nanocosmos.de/doc/

Example:

Listofexistingstreams:

LiverecordingforVODplayback:


Recommended