https://medium.com/@bikegriffith/using-clappr-with-reactjs-14a338e3451f#.9a36w0dpj
Add this snipet before you instantiate the player Clappr.Log.setLevel(0)
Very often people open issues related to: stream not working, freezing, glitching, stopping and so on. You can try the steps bellow, taking notes about the results:
- try to run the same example at CDN
- check the cors headers at your servers
- try to run it on hls.js demo page
- try to run it on flashls. demo page
- try to run on your page the following source:
http://www.streambox.fr/playlists/x36xhzz/x36xhzz.m3u8
- try different browsers/OS's to see if the problems remain
- try to use a tool to check the health of your stream (both input, ie: RTMP, and segmentation, ie: DASH or HLS): like
mediainfo
(for instance you could:mediainfo http://www.example.com/my.m3u8
, Apple'smediastreamvalidator
too,hls-analyzer
and etc.
pip install m3u8
git clone https://github.com/epiclabs-io/hls-analyzer.git
cd hls-analyzer
python hls-analyzer.py http://www.streambox.fr/playlists/x36xhzz/x36xhzz.m3u8