使用YouTube Live Streaming API绑定流后视频未在YouTube显示求助

1. 广播与流绑定操作参数缺失 #

你当前的bindBroadcastToStream方法调用YouTube的liveBroadcasts.bind接口时，只传了广播ID，没有传入要绑定的流ID，导致绑定操作实际未生效，广播和你创建的流没有关联：
原代码的bind调用：

return gapi.client.youtube.liveBroadcasts
  .bind({
    part: ['id,snippet,contentDetails,status'],
    id: broadcastId,
    // 缺少streamId参数
  })

修复方式：

• 创建流的时候把返回的streamId存到state里：

const [streamId, setStreamId] = useState('')

// createStream方法的then回调里加一行
setStreamId(res.result.id)

• 绑定的时候传入streamId参数：

return gapi.client.youtube.liveBroadcasts
  .bind({
    part: ['id,snippet,contentDetails,status'],
    id: broadcastId,
    streamId: streamId // 新增
  })

2. 未手动触发广播状态切换为直播 #

你创建广播时设置了enableAutoStart: false，且没有手动调用接口把广播从ready状态切换到live状态，YouTube即使收到流也不会在广播页面展示。
修复方式：
绑定完成后新增调用liveBroadcasts.transition接口：

const startBroadcast = () => {
  return gapi.client.youtube.liveBroadcasts.transition({
    part: ['id,snippet,contentDetails,status'],
    id: broadcastId,
    broadcastStatus: 'live'
  })
}

操作流程调整为：认证→创建广播→创建流→绑定广播→启动广播→再点击Go Live推流。

3. WebSocket初始化时机错误 #

你当前的WebSocket初始化useEffect依赖是twitchStreamKey和youtubeStreamName，但WebSocket在页面加载时就会初始化，此时你还没有调用API获取YouTube的推流地址和流名称，传给服务器的youtubeUrl是空值，服务器根本没有往正确的YouTube地址推流。
修复方式：

• 给WebSocket的useEffect新增youtubeIngestionUrl依赖
• 建议在获取到所有推流参数后再初始化WebSocket，或者在推流前再建立连接，避免参数为空。

4. 可选校验步骤 #

推流开始后可以调用liveStreams.list接口查询流的状态，确认YouTube是否正常收到你推送的流数据，status.streamStatus字段返回active就说明流接收正常。

内容的提问来源于stack exchange，提问作者Tosh Velaga