媒体元素：把资源交给浏览器播放管线

播放可能依赖用户手势、解码器、数据缓冲和系统音频状态，因此浏览器把 play() 建模为异步请求；策略拒绝会通过 Promise rejection 返回。

try {
  await audio.play();
  console.log('已经开始播放');
} catch (error) {
  console.log('需要用户点击后再播放', error);
}

1. 发出播放请求 调用 play() 不等于声音已立即输出。
2. 等待真实状态 Promise fulfilled 后才适合把按钮改成“暂停”。
3. 处理策略拒绝 失败时保留明确的播放按钮，让用户主动重试。

播放器界面与浏览器真实播放状态保持一致，不会出现按钮显示播放但实际静音。