I have an application that I have created in React using Video.js as the media player. We are using Wowza Streaming engine to be able to stream RTSP feeds, but are getting intermittent cors errors.
I have three video.js player instances on a single page. Sometimes all three of them load correctly. Sometimes only one or two of them load correctly. Sometimes none of them load correctly.
index.js:222 GET http://ip_address:1935/live/stream_name.stream/playlist.m3u8 403 (Forbidden)
Access to XMLHttpRequest at 'http://ip_address:1935/live/stream_name.stream/playlist.m3u8' from origin 'http://localhost:3503' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
video.es.js:149 VIDEOJS: ERROR: (CODE:2 MEDIA_ERR_NETWORK) HLS playlist request error at URL: http://ip_address:1935/live/stream_name.stream/playlist.m3u8 MediaError {code: 2, status: 0, message: "HLS playlist request error at URL: http://ip_address/stream_name.stream/playlist.m3u8", responseText: ""}
Any idea what may be causing this? I think we left all the settings at default, just added the streams and began to use them. We are using the trial version of Wowza streaming engine to see if it meets our needs, so far this would be a problem.