新しいJavaプロジェクトの研究オンラインノート-day13（V）

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は、a）のウィジェットが表示され
ます。ドキュメントの使用http://docs.videojs.com/tutorial-videojs_.html
このチュートリアルでは、6.7.3にVideo.jsバージョン、videojs-のcontrib-HLS 5.14.1バージョンを使用しています。
需要がpluginsディレクトリポータルを配置しますテストするために、上の2つの文書をダウンロードしてください。

 
このページ上の動画リンクの導入、ビデオアドレスポイントvideo.xuecheng.com 
メディアサーバーへのビデオ要求を転送する2、video.xuecheng.com負荷分散プロセス
  トップのプロセスに基づいて、我々はメディアサーバー上でnginxのインストール、および設定します次のように：
 

[AppleScriptの]  プレーンテキストビューは、 コードをコピー

？

#学成网媒体服务 server { listen
     90;
  server_name  localhost;
     #视频目录
    location /video/ {
  alias
  F:/develop/video/;
       }
   }

3.3.2メディアサーバープロキシ 
メディアサーバは、プロキシメディアサーバ、ドメインネームサーバvideo.xuecheng.comとしてプロキシサーバとしてnginxのを使用して、プロキシによって負荷分散を実現するために、複数のです。
注意：同じサーバー上にプロキシサーバーとメディアサーバーを開発し、同じnginxのを使用するWebホスティングをvideo.xuecheng.com設定。
 

[AppleScriptの]  プレーンテキストビューは、 コードをコピー

？

#学成网媒体服务代理 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] 纯文本查看 复制代码

?

#媒体服务
    upstream video_server_pool{
   server 127.0.0.1:90 weight=10;
    }