前言


你是否经常遇到一些最新的直播源无法播放的问题,今天小编要给你介绍一个简单的方法,可以让你在任何浏览器上观看任何直播源,不用担心跨域问题。听起来不错吧?那就跟我一起来看看吧!

什么是跨域问题?


跨域问题是指当你想在你的网页上嵌入一个来自另一个网站或服务器的资源(比如视频、图片、音乐等)时,浏览器会拒绝加载这个资源,因为它认为这样做可能会有安全风险。这是浏览器的一种保护机制,叫做同源策略。

同源策略的意思是,只有当两个资源的协议(比如http或https)、域名(比如bing.com或google.com)和端口(比如80或443)都相同的时候,才能互相访问。如果有任何一个不同,就算是跨域了。

为什么直播源会有跨域问题?


直播源是指提供实时视频流的地址,通常是以m3u8或flv等格式结尾的。直播源可以让你在网页上观看电视节目、体育赛事、游戏直播等内容。

但是,直播源也可能会有跨域问题。因为直播源通常是由第三方提供的,它们的协议、域名和端口可能和你的网页不一致。比如,你可能想在你的网页上嵌入一个来自http://www.tvbox.com:8080/live.m3u8的直播源,但是你的网页是从https://www.myblog.com:443加载的。这样就会造成跨域问题,导致直播源无法播放。

如何使用浏览器插件解决跨域问题?


  1. 以Chrome浏览器为例(或者任何支持添加插件的其他浏览器,比如火狐,微软Edge),点击右上角的菜单按钮(三个垂直排列的点),然后选择“更多工具”->“扩展程序”。
  2. 在扩展程序页面,点击左上角的菜单按钮(三个水平排列的线),然后选择“打开Chrome网上应用店”。
  3. 在Chrome网上应用店,搜索“Allow CORS”,找到“Allow CORS: Access-Control-Allow-Origin”插件,点击“添加至Chrome”。
  4. 在弹出的确认对话框中,点击“添加扩展”。
  5. 等待插件下载和安装完成。完成后,你可以在浏览器的工具栏中看到一个灰色的C字母图标,表示Allow CORS插件已经成功安装。

配置插件


  1. 点击工具栏中的Allow CORS图标,打开插件的控制面板。
  2. 在控制面板中,你可以看到一个开关按钮。默认情况下,这个开关是关闭的(显示灰色LOGO),表示Allow CORS插件是禁用的。
  3. 点击开关按钮,将其切换到开启状态(显示橙色LOGO),表示Allow CORS插件是启用的。
  4. 开启开关之后,还需要点击右边的“open options page”进去,把第5项的*号选中
  5. 配置完成后,你应该就可以在浏览器播放绝大部分有效的直播源了。如果你想暂时禁用Allow CORS插件,只需要再次点击开关按钮即可。

手机/平板/电视/盒子如何解决?

  1. 使用代理:像这种设备一般都是使用播放器app,除非app内置支持跨域请求,否则一般是需要通过代理服务器进行访问,或者是使用科学上网
  2. 切换硬件/软件解码:直播流需要通过硬件或软件编码器将原始视频文件转换为适合直播的格式。如果编码器设置不正确,可能会导致跨域问题
| 直播源格式互转工具   | M3U8在线播放器 | 港澳台超清直播源【会员专属】  | 央卫超清直播源【会员专属】