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]

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

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

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: