黑马程序员技术交流社区

标题: 【郑州校区】Java的新项目学成在线笔记-day13（五） [打印本页]

---

作者: 谷粒姐姐    时间: 2019-5-21 15:02
标题: 【郑州校区】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目录中。


在此网页中引入视频链接，视频地址指向video.xuecheng.com
2、video.xuecheng.com进行负载均衡处理，将视频请求转发到媒体服务器
  根据上边的流程，我们在媒体服务器上安装Nginx，并配置如下：

[AppleScript] 纯文本查看 复制代码

#学成网媒体服务 server { listen  

     90;    

  server_name  localhost;   

     #视频目录  

    location /video/ {    

  alias 

  F:/develop/video/;   

       }   

   }

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

[AppleScript] 纯文本查看 复制代码

#学成网媒体服务代理 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;    

      }      

      }

cors跨域参数： Access-Control-Allow-Origin：允许跨域访问的外域地址

通常允许跨域访问的站点不是一个，所以这里用map定义了多个站点。
  如果允许任何站点跨域访问则设置为*，通常这是不建议的。
Access-Control-Allow-Credentials： 允许客户端携带证书访问 Access-Control-Allow-Methods：允许客户端跨域访问的方法
  video_server_pool的配置如下：

[AppleScript] 纯文本查看 复制代码

#媒体服务 

    upstream video_server_pool{   

   server 127.0.0.1:90 weight=10;      

    }   

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2