視頻監控系統在平安城市、智慧醫療、遠程教育、物流運輸等很多行業都得到越來越普及的運用,基于網頁無插件播放的需求,H265播放器的使用也逐漸廣泛,
在各大網站和流媒體廠家都在研發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作為服務端配置案例,

配置后預覽界面如下,可以看到配置成功且不再報錯,視頻也播放成功:

TSINGSEE青犀視頻自主研發的H265播放器EasyPlayer系列經過多方的驗證和測驗,證實了其在視頻網頁播放當中的高適配性和操作便捷性,EasyPlayer播放器系列包括EasyPlayer RTSP、EasyPlayer RTMP、EasyPlayerPro 和EasyPlayer.js 等播放器,目前支持Windows、 Android、iOS三個平臺,EasyPlayer.js還支持Linux平臺,如果大家還想了解更多相關內容,歡迎聯系我們,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/229971.html
標籤:其他
