Forum

Easiest way to make SLDP Player responsive to window changes

Daff 2021-01-29 05:54:11 UTC in WMSPanel functionality

Hi All

I can see how to make the player a fixed size. I would like to make it responsive to windows size changes. i.e always be 70% of the window width. What is the easiest way to do this.

Andrew 2021-01-29 10:27:20 UTC 

SLDP Player is attached to container element. You should set width of that element to 70% of window and set width parameter of the player to 'parent', i.e.

SLDP.init({
container: 'player-wrapper-id',
stream: 'ws://1.1.1.1:8081/live/stream',
width: 'parent', // please note that 'parent' is a string with quotes
buffering: 1000
});

You can take a look at full list of SLDP Player parameters on this page: https://softvelum.com/player/web/#params

Daff 2021-01-31 07:22:44 UTC 

Awesome, thanks. I did read the about parent string in the parameters page but didn't realise it was as easy as 'parent'

John 2021-02-24 12:10:09 UTC 

Anyway to intergrate slpd with p2p?

Yury 2021-02-24 23:53:17 UTC 

We don't have any capabilities for P2P with SLDP.

John 2021-02-25 01:56:07 UTC 

> We don't have any capabilities for P2P with SLDP.
Same technology, websocket, why not? Please research and develop, it will take more advantages than HLS with 3rd-party p2p now

Yury 2021-02-25 02:28:22 UTC 

These are completely different technologies so we don't plan investigating that kind on combination.

Post a reply


Post a new question

Categories:

Tags:

nimbleNimble StreamerFAQHLSDVRnimble streamerhlsRTMPABRcacheNimbleAPItranscoderSRTrtmpsrtwmsauthapidvrffmpegudpRTSPVODsldpfailoverDASHstreamingrtspwmspanelSLDPliveyoutubevodUDPmp4paywallabrsubtitlesDispersaLarixmulticastvideolivestreamingWMSAuthMPEG-DASHpay-per-viewgeoaudiodashstreameredgeWMSPanelbandwidthsslandroidthumbnailWindowsencryptionhttpswhite labelplaylistconfigsmilFFMPEGperformanceMPEG-TSCORSchunksraspberry pire-streamingmpeg-dashpublish controlcorscloudfrontDRMRepublishingadvertizerrepublishingvlcS3user agentNDIristrules.confadvertisingipv6MPEGTSFastSpringRAMwms panelRecordingFMLEfileVATcrossdomainSMILmpegtsaespushakamaiwowzaserversPullmobilecodecerrorbalanceSSLTranscodem3u8chromecastplaylist_dvrWowzaIDconfigurationreportingbugdownloadsnapshotmpeg-tsAndroidnimblestreamerdomainawsLarix BroadcasterloopraspianchunkAWSoriginCDNipupdatescte35amazonroutesVidillionHttpsIPsecurityUInimble webcam html5Registration Issuedirect link32-bit Windowstwitchcache_controlitworkmelive abr support mpeg-dashwmspanelapiresumertmp abrbeirutWWDCdubaideep statsCentOS v6.4hls to multicast udpnooblogIIS Smooth StreamingcloudmediaAbrHTTPSHot-linking protectionHDSvaddioalertsjwplayer websitewhmcsbaselinetimelinenginx rtmp nimbledurationAV BridgeAuthentication in HLSPi4VaddiopricePI3 UbunturesourcelimitOld logsCloud Storageview timescte-35screencastNimble Streamer APIinterfacesattaching domainsencrytpionloadbalancingcontainer*metadatamod_rewritesdpshoutcastprofilelarix abrAxisgbpsID3 tagswmsauthsignhighhds streamdatmessageWMSCONFIG_HOMErestreamcostlocalcisco.net hotlinkhls restreaminggentoo install server nimbleVLCPublic Iptranscoding using NvidiaPaywall AuthniblerofflinedocumentationNimble streamer upgradeTrancoderconcurrent-connectionsVideo Playertransocding republishingdecoderAliasServer-sidelost trafficstoppedNimble Streamer versionmainicecast urlrulelebanonlocationmanifesthot linkingMP4 not playedspacechangepay per viewamfLarix Groveseekingdvr_archivesmpeg dashwildcardobsTCORaspian Busterexportopenssllimuxamazon web servicePlayReadynginxonSteam stopped workingdvr stream twiceHLS vodrepublishhot-linkAXVVGExpression Encoderanalyticspaywalapplicationblocknvenc7HLS PlayerbrandingDASH Playerjpegtrialmicrosoft streamMP4errorsdebianrocksoftlog traffic statslive video on demandbandwithscreen freezecan't registerservernimblesessionidFFmpegmultiple originsABR DASHprogressive downloadprivate networkLarge DVR filesno WMSPanelheaderlive videosourceinterleavingSLDP PLayerlog nimble analysertmp playbackmac osx installAdsvideojswotermarkvimeohelp errorvideo stopbitrate#restreamload balanceadaptiveAV1 codecstreamsJWPLAYERNGINX-RTMPcache expirycdnvsomHEVCattachmentlive streamViewer Statsvod no soundconcurrent connection4Kcrossdomain more then 1 domaindvr streamconnectivityUbuntu 20 ARM - AWSunique visitorDelaympeg2tscpuServer-Side-Task-Controldisk migrationdvr on wmspanelWidevinescreen capturestereo to monoFairplaybuttAWS 3drmaes encryptionsubscriptionnot foundCPU LoadControl APIpullAS3TranscoderLive streamingWMSPanel settingslive pull settingsABR HLS Bitratesrtmp for YouTubeinstall players setup ready to goDVRSettingstwitch larix broadcaster androidadd_chunk failedPost processingfake extensionAppleDelete recordsnimble streamer web server php script pageautomationudp streamingoutrateicecastvideo loopnimble streamer vod hls transmuxinglogginglearnerstarttime duration seekpointrebootmonitorinsert logonimble.confrtmp republishing transcodeIIS Media Servicstrackapi accessDeep statsloadbalancerAVCaptureMovieFileOutputblock downloadweb playerdvr streamslivestreamcontent-dispositionNimble CapacityABR DVR probleminvalidMPEG DASHUbuntu artful 17.10Transcoder MPEG DASHLive SwitcherNimble Servernot to stealLive BroadcastfacebookHotlinking ProtectionStreaming routeSecurityRTMP republishpaymentstatsreloadssaiDVR Setting limitadvp9premium featureserver incorrect timeThumbnailscontentRTMP RepublishLiveLIVErmtpno internetdemandIOSHow to do live stream with multiple audio trackProgressivenimble aliasesavoid refreshraspberryLoad-Balancingnimble streamer mpeg-ts multiple inputswmsAuthSignthumbnail dvr-thumbnailPaywallreportssoundHLS Meta Tag editing.credentialsS3 AWSVideo cant be playedtranscodevbv-maxratetranscoder nimbleHTML5 playerSecureJetson NanoFailoverVR-360livestreamintransocderautomateuser_agentbuildrist set fecABR bitratesPacketizingstorage space availablediskdelaympeg4alias route.movstoragepublish streamStream Delaytraffichd25AArch64DVRRecordingAuthlivestream bitratedockerdomain lockVOD HLS streaming on public IPoutputUsers limitcloudflarelarixanalisysscteInvalid frame headerno soundincoming streamGopdistributionLL-HLS DVRav1 codecNimbleStreamerqataritworkscdnvideo.jswirecasta recordhttp serverfastspringNimble streamermp2 audiodata slicesaliasplayer sldpabr fallbackNimble connectionsissuepricinggoogle cloud storageVP9buffering videoSO_RCVBUFCentos 8dissapointmentpay-per-minutebufferlatencyQuickTimevideo streamingwebhookdvr to liverestarthelpFallbackcompatibility protocolsmultiplexserver ip21SSL request3.6.1-1Max connectionUDP Multicastsha265broadcasterOSXmd5rulesError when installinghow-tomanage_dvrDVRStreamsaws amazonDVR SettingPORTanalyseStreamIDmulti-viewerincomingMPEG2 Videologo in streamrtpnimble dvrBandwidthportsRIST Bondingplayoutmultiple audio udphotlink protectionRaspberryPi4ultra low latencyprogressivebroadcast videoCross DomainSRT protocolvideo audioartifactsrtsp push androidtuningRemote StorageWowza AgentSSAI4GwebrtcNimble_CrushTeradek Decoderubuntu 18fallbackRTMP to SRTprerollstreamnimble on cloudrtmp sldp nimbleBroadcastSnapshotsLinuxRaspberrytasks-controlgpu{stream}MPEG-Dashlarix broadcasterLL-HLSthumbnailsvideo and audio not matchLarix broadcasterOBSPIDurlGoogle DriveHLS StreamingNetworkRAM Loadstatus:errortranscodingdownTonyFFMPEG;RTMP;I/O errorspeedup my videoiOSdvbsubfolderTLSV 1.2 Certificatedynamic linksCSSactionscript 3server ssl errorRistmultiplefairplayNginxmultiple audioadjustsoftware versionre-publishingSRT RTMP

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the Privacy Policy. If you want to know more or withdraw your consent to all or some of the cookies, please refer to the Privacy Policy.
By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to the use of cookies.