如何将我的个人保管箱文件嵌入我的网站,以便公开显示?

时间:2015-04-27 09:28:14

标签: html audio embed dropbox

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

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

任何想法如何通过Dropbox或其他方式永久嵌入这些文件,以便我网站的每个访问者都能成功收听它们?谢谢

4 个答案:

答案 0 :(得分:5)

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

  

绕过预览页面并允许浏览器直接渲染   您的文件,在您的网址中使用raw = 1作为查询参数。例如:

     

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

     

变为:

     

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

     

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

答案 1 :(得分:4)

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

  1. 创建文件的共享链接,然后更改链接中的 www dl 。在嵌入代码中使用该新链接。
  2. 删除链接的结束
  3. e.g。如果你有:

    的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

答案 2 :(得分:3)

这对我有用。

  1. 转到桌面上的保管箱中的音频文件
  2. 右键单击并选择&#34;复制Dropbox链接&#34;
  3. 将链接粘贴到所需位置
  4. 在网址末尾应该有一个&#34; ?dl = 0 &#34;只需更换&#34; 0&#34;与&#34; 1&#34;像这样&#34; ?dl = 1 &#34;
  5. 代码应该类似于:

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

答案 3 :(得分:-1)

您应该直接在网站空间中上传文件并从那里链接。

另一方面,您还可以使用Soundcloud之类的内容来公开您的音频文件。