如何在HTML页面中播放上传到Amazon S3存储桶的音频文件

• s3:// 协议是AWS S3专属的内部资源标识协议，仅可在AWS生态内（服务间调用、CLI/SDK访问）使用，浏览器无法识别该协议，自然无法加载音频资源。
• 即便替换为HTTP/HTTPS协议地址，若S3桶或对应音频对象未开放访问权限，会返回403错误，同样无法播放。
• 你的示例代码中桶名拼写错误，bucektname 应为 bucketname，实际使用时需替换为你的真实桶名。

• 第一步：将src属性的值替换为S3的HTTP/HTTPS访问地址，标准格式为 https://<你的桶名>.s3.<S3部署区域代码>.amazonaws.com/speech2.mp3，可直接在S3控制台的对象详情页复制该地址。
• 第二步：配置访问权限：
  • 若允许该音频公开访问：在S3控制台关闭对应桶的「阻止所有公开访问」配置，同时给该音频对象设置「公开读取」权限即可。
  • 若不允许公开访问：通过AWS SDK生成带签名的临时访问URL，将临时URL填入src属性即可，临时URL的有效期可自行配置。
• 修复后的参考代码：

<audio
  controls
  autoplay
  id="audio"
  src="https://bucketname.s3.us-east-1.amazonaws.com/speech2.mp3">
</audio>

目前主流浏览器都默认禁止未经过用户交互的有声媒体自动播放，所以你代码中的autoplay属性大概率不会生效。你可以额外添加muted属性实现静音自动播放，或者引导用户点击页面后再通过JS触发音频播放。

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