videojs-for-react
videojs-for-react copied to clipboard
CORS occured, how to fix?
Access to XMLHttpRequest at 'http://playrtmp.rrs.com/live_broadcast/stream1.m3u8' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. index.js:2177 VIDEOJS: ERROR: (CODE:2 MEDIA_ERR_NETWORK) HLS playlist request error at URL: http://playrtmp.rrs.com/live_broadcast/stream1.m3u8 Ct {code: 2, status: 0, message: "HLS playlist request error at URL: http://playrtmp.rrs.com/live_broadcast/stream1.m3u8", responseText: ""} stack_frame_overlay_proxy_console @ index.js:2177 X @ index.js:13 Y.error @ index.js:13 t.error @ index.js:13 (anonymous) @ index.js:13 Ve.n.dispatcher.n.dispatcher @ index.js:13 Ge @ index.js:13 nt.trigger @ index.js:13 value @ index.js:13 (anonymous) @ index.js:13 Ve.n.dispatcher.n.dispatcher @ index.js:13 Ge @ index.js:13 nt.trigger @ index.js:13 (anonymous) @ index.js:13 (anonymous) @ index.js:13 i @ index.js:22 n @ index.js:22 error (async) u @ index.js:22 l @ index.js:22 e @ index.js:13 value @ index.js:13 value @ index.js:13 t @ index.js:13 value @ index.js:13 handleSource @ index.js:13 e.setSource @ index.js:13 t @ index.js:13 t.loadTech_ @ index.js:13 t.src_ @ index.js:13 (anonymous) @ index.js:13 e @ index.js:13 e @ index.js:13 (anonymous) @ index.js:13 n @ index.js:13 setTimeout (async) e.setTimeout @ index.js:13 vi @ index.js:13 t.src @ index.js:13 t @ index.js:13 e.addChild @ index.js:13 (anonymous) @ index.js:13 e.initChildren @ index.js:13 t @ index.js:13 hr @ index.js:13 value @ index.js:35 commitLifeCycles @ react-dom.development.js:15961 commitAllLifeCycles @ react-dom.development.js:17262 callCallback @ react-dom.development.js:149 invokeGuardedCallbackDev @ react-dom.development.js:199 invokeGuardedCallback @ react-dom.development.js:256 commitRoot @ react-dom.development.js:17458 completeRoot @ react-dom.development.js:18912 performWorkOnRoot @ react-dom.development.js:18841 performWork @ react-dom.development.js:18749 performSyncWork @ react-dom.development.js:18723 requestWork @ react-dom.development.js:18592 scheduleWork @ react-dom.development.js:18401 enqueueSetState @ react-dom.development.js:12313 ./node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:372 (anonymous) @ dynamic.js:91 Promise.then (async) load @ dynamic.js:87 DynamicComponent @ dynamic.js:67 constructClassInstance @ react-dom.development.js:12484 updateClassComponent @ react-dom.development.js:14255 beginWork @ react-dom.development.js:15082 performUnitOfWork @ react-dom.development.js:17820 workLoop @ react-dom.development.js:17860 renderRoot @ react-dom.development.js:17946 performWorkOnRoot @ react-dom.development.js:18837 performWork @ react-dom.development.js:18749 performSyncWork @ react-dom.development.js:18723 requestWork @ react-dom.development.js:18592 scheduleWork @ react-dom.development.js:18401 enqueueSetState @ react-dom.development.js:12313 ./node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:372 (anonymous) @ dynamic.js:91 Promise.then (async) load @ dynamic.js:87 DynamicComponent @ dynamic.js:67 constructClassInstance @ react-dom.development.js:12484 updateClassComponent @ react-dom.development.js:14255 beginWork @ react-dom.development.js:15082 performUnitOfWork @ react-dom.development.js:17820 workLoop @ react-dom.development.js:17860 renderRoot @ react-dom.development.js:17946 performWorkOnRoot @ react-dom.development.js:18837 performWork @ react-dom.development.js:18749 performSyncWork @ react-dom.development.js:18723 requestWork @ react-dom.development.js:18592 scheduleWork @ react-dom.development.js:18401 scheduleRootUpdate @ react-dom.development.js:19069 updateContainerAtExpirationTime @ react-dom.development.js:19097 updateContainer @ react-dom.development.js:19154 ./node_modules/react-dom/cjs/react-dom.development.js.ReactRoot.render @ react-dom.development.js:19416 (anonymous) @ react-dom.development.js:19556 unbatchedUpdates @ react-dom.development.js:18952 legacyRenderSubtreeIntoContainer @ react-dom.development.js:19552 render @ react-dom.development.js:19613 render @ index.js:115 start @ index.js:81 ./src/index.js @ index.js:43 webpack_require @ bootstrap 993b573d1df661e3b773:707 fn @ bootstrap 993b573d1df661e3b773:112 0 @ utils.js:94 webpack_require @ bootstrap 993b573d1df661e3b773:707 (anonymous) @ bootstrap 993b573d1df661e3b773:805 (anonymous) @ bootstrap 993b573d1df661e3b773:805 video-preview:1 Access to XMLHttpRequest at 'http://playrtmp.rrs.com/live_broadcast/stream1.m3u8' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. video-preview:1 Access to XMLHttpRequest at 'http://playrtmp.rrs.com/live_broadcast/stream2.m3u8' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. index.js:2177 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported. Ct {code: 4, message: "The media could not be loaded, either because the …rk failed or because the format is not supported."} stack_frame_overlay_proxy_console @ index.js:2177 X @ index.js:13 Y.error @ index.js:13 t.error @ index.js:13 t.handleTechError_ @ index.js:13 n @ index.js:13 n @ index.js:13 Ve.n.dispatcher.n.dispatcher @ index.js:13 error (async) Ve @ index.js:13 ct @ index.js:13 on @ index.js:13 ct @ index.js:13 on @ index.js:13 t @ index.js:13 handleSource @ index.js:13 e.setSource @ index.js:13 t @ index.js:13 t.loadTech_ @ index.js:13 t.src_ @ index.js:13 (anonymous) @ index.js:13 e @ index.js:13 e @ index.js:13 (anonymous) @ index.js:13 n @ index.js:13 setTimeout (async) e.setTimeout @ index.js:13 vi @ index.js:13 t.src @ index.js:13 t @ index.js:13 e.addChild @ index.js:13 (anonymous) @ index.js:13 e.initChildren @ index.js:13 t @ index.js:13 hr @ index.js:13 value @ index.js:35 commitLifeCycles @ react-dom.development.js:15961 commitAllLifeCycles @ react-dom.development.js:17262 callCallback @ react-dom.development.js:149 invokeGuardedCallbackDev @ react-dom.development.js:199 invokeGuardedCallback @ react-dom.development.js:256 commitRoot @ react-dom.development.js:17458 completeRoot @ react-dom.development.js:18912 performWorkOnRoot @ react-dom.development.js:18841 performWork @ react-dom.development.js:18749 performSyncWork @ react-dom.development.js:18723 requestWork @ react-dom.development.js:18592 scheduleWork @ react-dom.development.js:18401 enqueueSetState @ react-dom.development.js:12313 ./node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:372 (anonymous) @ dynamic.js:91 Promise.then (async) load @ dynamic.js:87 DynamicComponent @ dynamic.js:67 constructClassInstance @ react-dom.development.js:12484 updateClassComponent @ react-dom.development.js:14255 beginWork @ react-dom.development.js:15082 performUnitOfWork @ react-dom.development.js:17820 workLoop @ react-dom.development.js:17860 renderRoot @ react-dom.development.js:17946 performWorkOnRoot @ react-dom.development.js:18837 performWork @ react-dom.development.js:18749 performSyncWork @ react-dom.development.js:18723 requestWork @ react-dom.development.js:18592 scheduleWork @ react-dom.development.js:18401 enqueueSetState @ react-dom.development.js:12313 ./node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:372 (anonymous) @ dynamic.js:91 Promise.then (async) load @ dynamic.js:87 DynamicComponent @ dynamic.js:67 constructClassInstance @ react-dom.development.js:12484 updateClassComponent @ react-dom.development.js:14255 beginWork @ react-dom.development.js:15082 performUnitOfWork @ react-dom.development.js:17820 workLoop @ react-dom.development.js:17860 renderRoot @ react-dom.development.js:17946 performWorkOnRoot @ react-dom.development.js:18837 performWork @ react-dom.development.js:18749 performSyncWork @ react-dom.development.js:18723 requestWork @ react-dom.development.js:18592 scheduleWork @ react-dom.development.js:18401 scheduleRootUpdate @ react-dom.development.js:19069 updateContainerAtExpirationTime @ react-dom.development.js:19097 updateContainer @ react-dom.development.js:19154 ./node_modules/react-dom/cjs/react-dom.development.js.ReactRoot.render @ react-dom.development.js:19416 (anonymous) @ react-dom.development.js:19556 unbatchedUpdates @ react-dom.development.js:18952 legacyRenderSubtreeIntoContainer @ react-dom.development.js:19552 render @ react-dom.development.js:19613 render @ index.js:115 start @ index.js:81 ./src/index.js @ index.js:43 webpack_require @ bootstrap 993b573d1df661e3b773:707 fn @ bootstrap 993b573d1df661e3b773:112 0 @ utils.js:94 webpack_require @ bootstrap 993b573d1df661e3b773:707 (anonymous) @ bootstrap 993b573d1df661e3b773:805 (anonymous) @ bootstrap 993b573d1df661e3b773:805 video-preview:1 Access to XMLHttpRequest at 'http://playrtmp.rrs.com/live_broadcast/stream1.m3u8' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.