Upload
others
View
8
Download
0
Embed Size (px)
Citation preview
Version4.3.1/docv1.1 1
SettingupnanoStreamWebRTCforLiveVideoBroadcast
©2016nanocosmosgmbh
WebRTCenablesplugin-freevideobroadcastandvideochatcommunicationthroughthebrowser.BasedonanHTML/JavascriptclientrunninginWebRTCcompatiblebrowsers(e.g.GoogleChrome),youcanconnectplugin-freevideotechnologytoWebRTCorRTMPstreamingserver.Lowlatencyandadaptivebitrateimprovementshavebeenincorporated.ItiscurrentlyavailableforGoogleChrome,FirefoxandOpera.H264supportfortranscodingandpassthroughstreamingisstartingwithGoogleChromeandMozillaFirefox.
Contact
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“.
Version4.3.1/docv1.1 3
2.2StartliveplaybackwithH5Liveplayer
Tostartplaybackjustclickon„playh5livestream“buttonbelowtheBroadcastSettings
Anewplayerwebpageshouldopensimilarlikethis:
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
Version4.3.1/docv1.1 5
RTMPBroadcastconfigurationTheWebRTCbroadcastersendsthelivestreamtoourRTMPserversforfurtherdeliverytoplayerapplications.
WithournanoStreamcloud,thebintuAPIiscalledtoobtainuniqueRTMPURLs.
YoucancreatenewURLsbycallingthebintuAPIwithavalidAPIkey.
Customservers
YoucansendlivestreamstoyourownRTMPserver.
Forthisoption,disable„usebintu“inthebroadcastsettingsandenteryourownRTMPURL.
Note:thisfeaturemightrequireanadditionallicenseoption.
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
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: