Java的新项目学成在线笔记-day13(五)

3.2 下载video.js
Video.js: https://github.com/videojs/video.js
videojs-contrib-hls: https://github.com/videojs/videojs-contrib-hls#installation
(videojs-contrib-hls是播放hls的一个插件)
使用文档:http://docs.videojs.com/tutorial-videojs_.html
本教程使用 video.js 6.7.3 版本,videojs-contrib-hls 5.14.1版本。
下载上边两个文件,为了测试需求将其放在门户的plugins目录中。

Java的新项目学成在线笔记-day13(五)
在此网页中引入视频链接,视频地址指向video.xuecheng.com
2、video.xuecheng.com进行负载均衡处理,将视频请求转发到媒体服务器
根据上边的流程,我们在媒体服务器上安装Nginx,并配置如下:


[mw_shl_code=applescript,true]#学成网媒体服务 server { listen  
     90;    
  server_name  localhost;   
     #视频目录  
    location /video/ {    
  alias 
  F:/develop/video/;   
       }   
   }[/mw_shl_code]

3.3.2 媒体服务器代理
媒体服务器不止一台,通过代理实现负载均衡功能,使用Nginx作为媒体服务器的代理,此代理服务器作为 video.xuecheng.com域名服务器。
配置video.xuecheng.com虚拟主机: 注意:开发中代理服务器和媒体服务器在同一台服务器,使用同一个Nginx。


[mw_shl_code=applescript,true]#学成网媒体服务代理 map $http_origin $origin_list{  
   default http://www.xuecheng.com;  
   "~http://www.xuecheng.com" http://www.xuecheng.com;  
   "~http://ucenter.xuecheng.com" http://ucenter.xuecheng.com; } #学成网媒体服务代理 server { listen    
   80;      
server_name video.xuecheng.com;   
        location /video {    
    proxy_pass http://video_server_pool;    
        add_header Access‐Control‐Allow‐Origin $origin_list;       
   #add_header Access‐Control‐Allow‐Origin *;     
     add_header Access‐Control‐Allow‐Credentials true;     
       add_header Access‐Control‐Allow‐Methods GET;    
      }      
      }[/mw_shl_code]
cors跨域参数: Access-Control-Allow-Origin:允许跨域访问的外域地址
通常允许跨域访问的站点不是一个,所以这里用map定义了多个站点。
  如果允许任何站点跨域访问则设置为*,通常这是不建议的。
Access-Control-Allow-Credentials: 允许客户端携带证书访问 Access-Control-Allow-Methods:允许客户端跨域访问的方法
  video_server_pool的配置如下:

[mw_shl_code=applescript,true]#媒体服务 
    upstream video_server_pool{   
   server 127.0.0.1:90 weight=10;      
    }   
[/mw_shl_code]

转载于:https://blog.51cto.com/13517854/2406084

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值