javascript - 无法将照片或图像链接到 CodePen

Question

我正在尝试将图像和声音文件链接到我的 Code pen link使用下拉框共享链接。

<div class="container">
    <div class="row second-line">                  
        <div class="col-12">
            <div data-key="32" class="key">
                <kbd>BAR</kbd>
                <span class="sound">808</span>
            </div>
        </div>           
    </div>
</div>


<audio data-key="32" src="https://www.dropbox.com/s/qqusqet38wnfexr/8081.wav?dl=0"></audio>

我的 css 文件中的背景图像或键盘事件的声音文件都不起作用。这在我的带有本地声音/img 的本地文件上非常有效。

不过，我正在尝试使用保管箱上传它们，因为您无法将文件直接上传到 CodePen。

这不支持吗？我可以发誓我以前见过这种情况，或者我做错了什么而且无知。

Answer 1

看看这个 Codepen .我正在使用以下代码:

<audio data-key="32">
  <source src="https://dl.dropboxusercontent.com/content_link/bHRDoVQqFTHeLSx1YSynP8x5KaNfBIWyWzPG4zOvb9gBEyGBwNKImdcgmVZutije/file?dl=0&duc_id=dropbox_duc_id" type="audio/mpeg">Audio element not supported.
</audio>