AWS IVS直播流在iOS网页端无法播放问题求助

针对你遇到的iPhone Safari/Chrome无法播放AWS IVS直播流、报错code:0 , message: Source created failed, type: ErrorNoSource的问题，可从以下几个方向排查解决：

• 验证HLS流编码兼容性
  iOS端浏览器对HLS流的编码格式要求严格，确保你的AWS IVS直播流使用H.264编码（Baseline/Main/High profile）和AAC-LC音频编码。可通过AWS IVS控制台查看流的编码配置，若不符合需调整推流端的编码设置。

• 调整Auth Token的传递方式
  iOS浏览器对URL查询参数的处理可能存在差异，尝试将Token通过请求头传递而非URL拼接：

const player = await IVSPlayer.create();
await player.load(streamUrl, {
  headers: {
    'Authorization': `Bearer ${token}`
  }
});
const videoEl = document.getElementById('video-player');
await player.attachHTMLVideoElement(videoEl);
await player.play();

注意需确保AWS IVS的权限配置支持通过请求头验证Token，服务器端生成Token时要匹配对应的验证规则。

• 适配iOS的自动播放策略
  iOS浏览器要求视频播放必须由用户主动交互触发（如点击操作），直接调用play()会被拦截。修改代码将播放逻辑绑定到用户点击事件：

// 初始化播放器，暂不自动播放
const player = await IVSPlayer.create();
const videoEl = document.getElementById('video-player');
await player.attachHTMLVideoElement(videoEl);
await player.load(streamUrl + '?token=' + token);

// 绑定播放按钮点击事件
document.getElementById('play-btn').addEventListener('click', async () => {
  await player.play();
});

同时给video元素添加playsinline属性，避免iOS自动全屏，提升播放触发成功率：

<video id="video-player" playsinline></video>

• 更新AWS IVS Web SDK版本
  旧版本的IVS Web SDK可能存在iOS适配bug，尝试升级到最新稳定版本，修复已知的兼容性问题。

• 检查Token的权限与请求日志
  即使其他设备正常，iOS设备的请求用户代理不同，可能导致Token验证失败。查看服务器端的Token验证日志，确认iOS设备的请求是否被拒绝，同时确保Token未限制特定用户代理或IP范围。

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