Chrome中navigator.getAutoplayPolicy函数失效，寻求可行替代方案

Chrome并不支持navigator.getAutoplayPolicy这个Firefox专有API，你可以通过以下两种标准方式来检测自动播放权限：

方法一：尝试播放媒体元素并捕获错误 #

这是兼容性最广的方案，通过实际尝试播放一个静音的媒体片段，根据是否抛出NotAllowedError来判断权限状态：

async function checkAutoplayAllowed() {
  // 创建静音的音频元素，避免干扰用户
  const audio = new Audio();
  audio.muted = true;
  
  try {
    await audio.play();
    // 播放成功，说明自动播放被允许
    audio.pause();
    audio.currentTime = 0;
    return true;
  } catch (error) {
    // 捕获NotAllowedError，说明自动播放被禁止
    if (error.name === "NotAllowedError") {
      return false;
    }
    // 其他错误（如网络问题），返回未知状态
    return null;
  }
}

方法二：使用Permissions API（带回退） #

Chrome支持通过Permissions API直接查询autoplay权限，若浏览器不支持则回退到方法一：

async function checkAutoplayPermission() {
  try {
    // 查询音频自动播放权限，可根据需求改为video: true
    const status = await navigator.permissions.query({
      name: "autoplay",
      media: { audio: true }
    });
    return status.state; // 返回 'granted' | 'denied' | 'prompt'
  } catch (err) {
    // 浏览器不支持Permissions API时，使用回退方案
    return await fallbackCheck();
  }
}

async function fallbackCheck() {
  const audio = new Audio();
  audio.muted = true;
  try {
    await audio.play();
    audio.pause();
    audio.currentTime = 0;
    return "granted";
  } catch (error) {
    if (error.name === "NotAllowedError") {
      return "denied";
    }
    return "unknown";
  }
}

注意事项 #

• 自动播放权限受用户交互状态影响：若用户尚未与页面交互过，多数浏览器会禁止非静音媒体自动播放。
• 静音媒体的自动播放限制更宽松，测试时建议使用静音元素避免干扰用户。

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