音频 URL 被下载而不是在浏览器中播放 - DigitalOcean Spaces/Buckets答案

【问题标题】：Audio URL get downloaded instead of playing in the browser - DigitalOcean Spaces/Buckets音频 URL 被下载而不是在浏览器中播放 - DigitalOcean Spaces/Buckets
【发布时间】：2020-11-23 22:20:38
【问题描述】：

我正在使用 DigitalOcean Spaces/Buckets 来存储音频文件并生成指向该文件的 URL。在我的 html 文件中，我以如下方式访问该音频：

<audio controls>
   <source src="my_digital_ocean_file_url">
</audio>

这个文件没有在前端播放，当我在 chrome 上输入 URL 时，文件被下载而不是在浏览器上播放。有没有办法让 URL 上的文件可播放？

【问题讨论】：

很可能您遇到了 CORS 政策，请检查控制台。

标签： html url amazon-s3 html5-audio digital-ocean

【解决方案1】：

这与后端有关。您需要提供“contentType”作为音频。根据您用于后端的编程语言，实现会有所不同。请检查 PHP 中的示例代码。

 $s3->create_object($bucket, $file_name, array(
                    'fileUpload' => $resized_image,
                    'contentType' => $_FILES['image']['type'],
                    'acl' => AmazonS3::ACL_PUBLIC
            ));

上述问题不仅限于音频文件，PDF、图像也是如此。以下是一些有用的参考资料

How to view pdf's stored in spaces without them being downloaded

amazon s3 - image downloading instead of displaying in the browser

【讨论】：

我不需要这样做。我的浏览器已过时，HTML5 音频不支持该版本。我更新了浏览器，它工作得很好。但也感谢您提供此解决方案。我也会对此进行调查并尝试进行更多探索。将来可能会派上用场。谢谢

【解决方案2】：

我使用的是过时的浏览器。更新浏览器解决了我的问题。

【讨论】：