视频监控系统在平安城市、智慧医疗、远程教育、物流运输等不少行业都获得愈来愈普及的运用,基于网页无插件播放的需求,H265播放器的使用也逐渐普遍。nginx
在各大网站和流媒体厂家都在研发H265播放器的火热推进下,TSINGSEE青犀视频做为视频行业的领军企业,已经将自主研发的H265播放器EasyPlayer融合进了EasyNVR、EasyGBS、EasyCVR等视频智能分析平台内。跨域
H265播放器EasyPlayer在EasyNVR中的应用:浏览器
因为咱们的H265播放器集成便捷,不少用户也使用H265播放器集成,可是集成后在使用播放器播放视频却报如下错误致使播放不了:安全
Access to XMLHttpRequest at ‘http://172.16.52.172:9180/hls/test.m3u8’ from origin ‘http://172.16.52.92:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.服务器
从错误能够看出提供流地址的服务器和请求流地址的服务器出现跨域。跨域的产生是同源策略的一种约定,它是浏览器最核心也最基本的安全功能,若是缺乏了同源策略,浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同,即使两个不一样的域名指向同一个ip地址,也非同源,非同源就产生了跨域。测试
跨域并非请求发不出去,请求能发出去,服务端能收到请求并正常返回结果,只是结果被浏览器拦截了。跨域是为了阻止用户读取到另外一个域名下的内容,浏览器认为这不安全,因此拦截了响应。网站
服务端设置 Access-Control-Allow-Origin:* ,就能够开启 CORS。 该属性表示哪些域名能够访问资源,*通配符则表示全部网站均可以访问资源。插件
这里选择nginx做为服务端配置案例。视频
配置后预览界面以下,能够看到配置成功且再也不报错,视频也播放成功:blog
TSINGSEE青犀视频自主研发的H265播放器EasyPlayer系列通过多方的验证和测试,证明了其在视频网页播放当中的高适配性和操做便捷性,EasyPlayer播放器系列包括EasyPlayer RTSP、EasyPlayer RTMP、EasyPlayerPro 和EasyPlayer.js 等播放器。目前支持Windows、 Android、iOS三个平台,EasyPlayer.js还支持Linux平台。若是你们还想了解更多相关内容,欢迎联系咱们。