如何将我的个人 Dropbox 文件嵌入到我的网站上，以便它们公开可见？答案

【问题标题】：How can I embed my personal dropbox files onto my website so they are publically visible?如何将我的个人 Dropbox 文件嵌入到我的网站上，以便它们公开可见？
【发布时间】：2015-07-05 16:15:55
【问题描述】：

我希望将 mp3 录音嵌入我的网站。它们位于我的保管箱中，只是简单的音频文件。当我用这样的音频标签嵌入它们时，我可以在我的 Dropbox 登录时播放它们，但当我是该网站的第三方访问者时，它们似乎无法播放。

<audio src="https://dl-web.dropbox.com/get/therestofthelink" controls></audio>

任何想法如何使这些文件永久嵌入，通过保管箱或其他方式，以便我网站的每个访问者都可以成功收听它们？谢谢

【问题讨论】：

标签： html audio embed dropbox

【解决方案1】：

您应该将文件直接上传到您的网络空间并从那里链接。

另一方面，您也可以使用 Soundcloud 之类的方式公开您的音频文件。

【讨论】：

【解决方案2】：

您可以创建一个共享链接（以编程方式通过/shares 端点或通过用户界面），这将为您提供指向文件预览页面的永久公开可见链接。要将该链接转换为直接指向文件内容的链接，请参阅https://www.dropbox.com/help/201：

绕过预览页面，让浏览器直接渲染在您的文件中，使用 raw=1 作为 URL 中的查询参数。例如：

https://www.dropbox.com/s/qmocfrco2t0d28o/Fluffbeast.docx

变成：

https://www.dropbox.com/s/qmocfrco2t0d28o/Fluffbeast.docx?raw=1

请注意，此 URL 将导致 HTTP 重定向。如果您是在自己的代码中使用此类 URL 的应用开发者，请确保您的应用可以遵循重定向。

【讨论】：

【解决方案3】：

至少在 Wordpress 文本编辑器中，您必须遵循以下步骤：

创建文件的共享链接，然后更改链接中的 www 到 dl。在您的嵌入代码中使用该新链接。
删除链接的结尾

例如如果你有：

https://www.dropbox.com/s/bt44iw272m6ga04/O%20Botic%C3%A1rio%20-%20Dia%20dos%20Pais%20novo%20perfume%20Zaad%20-% 20Comercial.mp3 ?dl=0

您必须更改第一个粗体部分并删除第二个部分：

https://dl.dropbox.com/s/bt44iw272m6ga04/O%20Botic%C3%A1rio%20-%20Dia%20dos%20Pais%20novo%20perfume%20Zaad%20-%20Comercial.mp3

【讨论】：

【解决方案4】：

这对我有用。

将音频文件放到桌面上的 Dropbox 中
右键单击并选择“复制 Dropbox 链接”
将链接粘贴到所需位置
在 URL 的末尾应该有一个“?dl=0” 只需将“0”替换为“1”，就像这样“?dl=1 >"

代码应该类似于：

<audio controls>
  <source src="https://www.dropbox.com/s/blah/yoursong.mp3?dl=1" type="audio/mpeg">
</audio>

【讨论】：