SLDP React Player
Sldp React Player is a lightweight React component that enables playing streams with the SLDP protocol in modern browsers using the free version of the SLDP Player by Softvelum. The component is easy to use and customizable, allowing for seamless integration into your React projects.
``
npm i @fabrizio.armango/sldp-react-player
tag with the appropriate props.You can customize the
streamUrl, width, height, controls, autoplay, muted, and sldpOptions props to suit your specific needs.Here is an example:
` jsx
import SldpReactPlayer from '@fabrizio.armango/sldp-react-player';'}
width={1280}
height={720}
controls={false}
autoplay={true}
muted={false}
sldpOptions={{
adaptive_bitrate: {
initial_rendition: '240p'
},
buffering: 500
}}
/>
`iOS
SLDP Protocol seems not to work on iPhones (check Browser support section) without installing an additional application first.A simple workaround has been implemented, providing the component with 2 urls as
separated by ";".The first url will be used as default sldp stream and the second one for iPhone devices using of video.js.
$3
` jsx
streamUrl={'wss://vd1.wmspanel.com/video_demo_without_ads/stream; https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8'}
/>
``