无法在Flutter video_player包中播放Azure Media Services的manifest文件

故障排查&解决方案 #

• 先确认Azure Media Services侧的基础配置：直播事件需处于「正在运行」状态，输出已开启DASH格式支持，关联的流定位器未过期。刚启动的直播流需要等待30~60秒待manifest文件完全生成后再尝试加载，避免加载不完整的配置文件。
• 检查跨域配置：给AMS对应的存储账户、流式处理端点配置CORS规则，允许你的Web应用域名发起GET、OPTIONS请求，允许请求头包含Range，暴露响应头包含Content-Length、Content-Range，Chrome控制台报跨域错误时优先核对该配置。
• 修正播放器逻辑：原生HTML5 <video>标签不支持直接解析DASH的mpd manifest文件，需要借助dash.js、Azure Media Player等适配SDK实现播放。参考最简dash.js初始化代码：

const videoElement = document.querySelector('video#你的播放节点ID');
const dashPlayer = dashjs.MediaPlayer().create();
// 第三个参数为是否自动播放
dashPlayer.initialize(videoElement, '你的DASH流mpd文件完整地址', true);

• 核对流地址格式：AMS v3的DASH流地址必须带format参数，正确格式为https://<流式处理端点域名>/<定位器路径>/<流标识>.ism/manifest(format=mpd-time-csf)，未加format参数返回的是Smooth Streaming格式的manifest，无法被DASH播放器识别。
• 加密流特殊配置：如果你的直播流开启了DRM加密，需要在播放器初始化阶段额外传入DRM证书的获取地址、认证Token参数，否则会直接触发加载失败。

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