0

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

<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 的本地文件上非常有效。

但是，我正在尝试使用 Dropbox 上传它们，因为您无法将文件直接上传到 CodePen。

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

4

2 回答 2

0

您可以使用图像的确切网址，以便它正常工作。

https://photos-2.dropbox.com/t/2/AACwpnCZJSbovN9dSgYlI99tOkrG8qmOjDZQDmRE03cK9g/12/644080844/jpeg/32x32/3/1485946800/0/2/concert.jpg/EO2mxJ0FGA4gBygH/Q3aEGidy4B1EqGjlfgLcFxUvOVFcbpl2vDpixRv4ch8%2CznWx3nvuARPFZAfPD5avW9mleflEhRqDt5xXxIga2K8?dl=0&size=1280x960&size_mode=3

上面的 url 是您可以在 css 中替换的确切图像 url。

background:  url('https://photos-2.dropbox.com/t/2/AACwpnCZJSbovN9dSgYlI99tOkrG8qmOjDZQDmRE03cK9g/12/644080844/jpeg/32x32/3/1485946800/0/2/concert.jpg/EO2mxJ0FGA4gBygH/Q3aEGidy4B1EqGjlfgLcFxUvOVFcbpl2vDpixRv4ch8%2CznWx3nvuARPFZAfPD5avW9mleflEhRqDt5xXxIga2K8?dl=0&size=1280x960&size_mode=3') no-repeat center center fixed;

希望它可以帮助你。

于 2017-02-01T06:05:13.583 回答
0

看看这个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>

于 2017-02-01T06:23:05.310 回答