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,并配置如下:
 

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

?

1

2

3

4

5

6

7

8

9

#学成网媒体服务 server { listen 

     90;   

  server_name  localhost;  

     #视频目录 

    location /video/ {   

  alias

  F:/develop/video/;  

       }  

   }


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

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

?

01

02

03

04

05

06

07

08

09

10

11

12

13

14

#学成网媒体服务代理 map $http_origin $origin_list{ 

   default [url]http://www.xuecheng.com[/url]; 

   "~[url]http://www.xuecheng.com[/url]" [url]http://www.xuecheng.com[/url]; 

   "~[url]http://ucenter.xuecheng.com[/url]" [url]http://ucenter.xuecheng.com[/url]; } #学成网媒体服务代理 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] 纯文本查看 复制代码

?

1

2

3

4

#媒体服务

    upstream video_server_pool{  

   server 127.0.0.1:90 weight=10;     

    }  

上一篇:《即时消息技术剖析与实战》学习笔记3——IM系统如何保证消息的实时性


下一篇:Java的新项目学成在线笔记-day13(七)