json格式直播源怎么播放

JSON格式直播源怎么播放？详细教程与实用技巧

在直播行业蓬勃发展的今天，很多开发者或直播爱好者会遇到“JSON格式直播源”这类资源，相较于传统的m3u8、rtmp等直播流地址，JSON格式的直播源因结构化、易解析的特点，常被用于跨平台直播系统、直播聚合类应用中，JSON格式的直播源究竟是什么？如何将其转化为可播放的直播流？本文将从基础概念到实操步骤,为你详细拆解。

先搞懂：什么是JSON格式直播源？

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，以“键值对”的方式组织数据，结构清晰、易读易解析，而JSON格式直播源，并非直接的直播流数据，而是包含直播播放信息的JSON配置文件，里面通常封装了实际直播流的地址、格式、名称、分辨率等元数据。

常见的JSON直播源结构示例：

{
  "code": 1,
  "message": "success",
  "data": {
    "live_list": [
      {
        "name": "央视一套",
        "url": "http://example.com/live/cctv1.m3u8",
        "format": "m3u8",
        "resolution": "1920x1080",
        "is_hd": true
      },
      {
        "name": "湖南卫视",
        "url": "rtmp://example.com/live/hunan",
        "format": "rtmp",
        "resolution": "1280x720",
        "is_hd": false
      }
    ]
  }
}

从示例可以看出，JSON直播源的核心是通过字段“存储”实际直播流的播放地址（如url字段），而format字段则标识了直播流的格式（如m3u8、rtmp、flv等）。

播放JSON直播源的核心逻辑：解析+转播

JSON本身不是视频流，无法直接播放，播放JSON直播源的本质是：先解析JSON文件，提取出实际可用的直播流地址（url）和格式（format），再通过播放器或工具加载该地址进行播放。

流程分三步：

1. 获取JSON数据：从网络链接或本地文件读取JSON内容；
2. 解析关键信息：提取直播流地址（url）、格式（format）等字段；
3. 加载播放：将解析出的地址输入播放器,按对应格式播放。

具体怎么播放？4种主流方法详解

根据使用场景（个人观看/开发集成）,JSON直播源的播放方法可分为以下几类：

方法1：个人用户简单观看——用播放器“手动解析+播放”

如果你只是想测试JSON直播源中的某个频道，无需编程，可通过“手动提取地址+播放器播放”实现。

操作步骤：

1. 获取JSON文件：

   • 如果JSON在线（如通过API接口获取），用浏览器打开链接，右键“另存为”保存为.json文件；
   • 若JSON在本地,直接找到文件路径。

2. 解析直播流地址：
   用文本编辑器（如VS Code、记事本）打开JSON文件，找到目标频道的url字段（如示例中的http://example.com/live/cctv1.m3u8）和format字段（如m3u8）。

3. 用播放器加载地址：

   • m3u8格式：推荐使用VLC、PotPlayer（需安装“mpegts”解码插件）、IINA（Mac端），直接将url粘贴到播放器的“网络串流”中；
   • rtmp格式：用VLC或OBS，选择“媒体”→“打开网络串流”，输入rtmp://example.com/live/hunan；
   • 其他格式（如flv、mp4）：同样用VLC打开网络串流,直接输入地址。

优点：无需编程，适合快速测试；

缺点：需手动提取地址，无法批量处理。

方法2：开发者集成——用代码解析+调用播放器SDK

如果你正在开发直播聚合类APP（如电视直播软件、多平台直播客户端），需通过代码解析JSON直播源,并集成播放器SDK实现自动播放。

常见开发场景（以Android/iOS/Web为例）：

（1）Android端：用OkHttp解析+ExoPlayer播放

// 1. 解析JSON直播源（假设JSON通过API获取）
OkHttpClient client = new OkHttpClient();
Request request = new Request.Builder().url("https://example.com/live_source.json").build();
Response response = client.newCall(request).execute();
String jsonStr = response.body().string();
// 2. 使用Gson解析JSON（需添加Gson依赖）
Gson gson = new Gson();
LiveSourceResponse liveResponse = gson.fromJson(jsonStr, LiveSourceResponse.class);
String streamUrl = liveResponse.getData().getLiveList().get(0).getUrl(); // 提取第一个频道的地址
String format = liveResponse.getData().getLiveList().get(0).getFormat();
// 3. 用ExoPlayer播放（需添加ExoPlayer依赖）
SimpleExoPlayer player = new SimpleExoPlayer.Builder(context).build();
player.setMediaItem(MediaItem.fromUri(streamUrl));
playerView.setPlayer(player);
player.prepare();
player.play();

（2）iOS端：用URLSession解析+AVPlayer播放

// 1. 解析JSON
let url = URL(string: "https://example.com/live_source.json")!
URLSession.shared.dataTask(with: url) { data, _, error in
    guard let data = data, error == nil else { return }
    do {
        let json = try JSONSerialization.jsonObject(with: data, options: []) as! [String: Any]
        if let liveList = json["data"] as? [String: Any], let list = liveList["live_list"] as? [[String: Any]] {
            let firstStream = list.first!
            let streamUrl = firstStream["url"] as! String
            let format = firstStream["format"] as! String
            // 2. 用AVPlayer播放
            DispatchQueue.main.async {
                let player = AVPlayer(url: URL(string: streamUrl)!)
                let playerLayer = AVPlayerLayer(player: player)
                playerLayer.frame = self.view.bounds
                self.view.layer.addSublayer(playerLayer)
                player.play()
            }
        }
    } catch { print("JSON解析失败：", error) }
}.resume()

（3）Web端：用Axios解析+video.js或HLS.js播放

// 1. 解析JSON（用Axios请求）
axios.get('https://example.com/live_source.json')
  .then(response => {
    const liveList = response.data.data.live_list;
    const streamUrl = liveList[0].url; // 提取第一个频道的地址
    const format = liveList[0].format;
    // 2. 根据格式选择播放器
    if (format === 'm3u8') {
      // HLS.js播放m3u8（需引入hls.js）
      if (Hls.isSupported()) {
        const video = document.getElementById('video');
        const hls = new Hls();
        hls.loadSource(streamUrl);
        hls.attachMedia(video);
      } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
        // Safari原生支持m3u8
        video.src = streamUrl;
      }
    } else if (format === 'rtmp') {
      // video.js + videojs-flash插件播放rtmp（需引入video.js和flash插件）
      videojs('video', {
        techOrder: ['flash'],
        sources: [{
          type: 'rtmp/mp4',
          src: streamUrl
        }]
      });
    }
  })
  .catch(error => console.error('请求失败：', error));

关键点：

• 解析JSON依赖对应语言的库（如Android的Gson、iOS的JSONSerialization、Web的JSON.parse）；
• 播放器需支持目标格式（如ExoPlayer支持m3u8/rtmp，HLS.js支持m3u8，video.js+flash支持rtmp）。

方法3：本地搭建“代理服务”——自动解析+转播流

如果JSON直播源需要长期使用，且不想在每个客户端重复解析逻辑，可搭建本地代理服务（如用Node.js、Python）,将JSON直播源转化为可直接访问的直播流地址。

示例：用Node.js + Express搭建代理服务

const express = require('express');
const axios = require('axios');
const app = express();
const port = 3000;
// 获取JSON直播源并解析
app.get('/live/:channelName', async (req, res) => {
  try {
    const { channelName } = req.params;
    const response = await axios.get('https://example.com/live_source.json');
    const liveList =