自己服务器上传m3u8并播放

2021-09-27技术经验 浏览

想要把网上下载的m3u8文件上传到自己服务器，并实现播放，实在太难了。小编也是花了一天时间才搞定！
首先就是百度 nginx 如何实现播放m3u8文件而不是下载文件！然后又是突破 m3u8跨域播放问题！
搞得头都大了！
下面就是我的记录：
1：nginx 实现m3u8播放，一下代码是我花了好长时间实践出来的！

nginx.conf 配置文件 添加以下代码

location /hls{
             types {
             application/vnd.apple.mpegurl m3u8;
             video/mp2t ts;
               }
              root html;
               add_header 'Cache-Control' 'no-cache';
               add_header 'Access-Control-Allow-Origin' '*';
              
        }
2.突破放跨域！这步我真的掉在了 浏览器 缓存了！自己都不知道是完成那步才搞定了！
我就把所有步骤都发来！
nginx.conf 配置文件 添加以下代码

location ~* \.(m3u8)$ {
     add_header Access-Control-Allow-Origin *;
}

location / {  
  add_header Access-Control-Allow-Origin *;  
}

网站配置文件添加以下代码 在server 顶部 server_name 下面添加！

add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

在网站更目录添加 crossdomain.xml 文件

<?xml version="1.0" encoding="UTF-8"?>
<cross-domain-policy>
<allow-access-from domain="*.srzxkj.com"/>
<allow-access-from domain="*.huaci.com"/>
<allow-http-request-headers-from domain="*.srzxkj.com" headers="*"/>
<allow-http-request-headers-from domain="*.huaci.com" headers="*"/>
</cross-domain-policy>

以上就是全部步骤了！