在特色图片 post 上嵌入 soundcloud link 以启动 mp3 播放器

Question

所以我一直在网上搜索，但找不到关于如何使用播放按钮制作特色图片的好答案，一旦我点击播放按钮，它就会启动一个建立在 wordpress 网站上的 mp3 播放器，并且我可以在哪里更改或添加。很像这个网站 -> indieshuffle.com.

有谁知道该怎么做，或者至少给我一些 material 作为开始，即使是主题也会很棒

Answer 1

虽然这是一个非常简单的任务，但如果您没有足够的编程知识，那么将很难实现。如果没有任何现有代码向他们展示，没有多少人会在 Whosebug 上帮助您。

我是这样实现的。首先，我会将特色图片附加到 post（默认功能）。然后我会创建一个自定义字段来保存歌曲的 soundcloud id。然后在你的主题中，你应该用 div 包裹特色图片，并在悬停时有一个播放按钮。然后使用 javascript/jquery 查找点击事件（即当有人点击图像时它应该做什么）。然后我会使用 Soundcloud API 并使用播放功能播放所需的歌曲。这是我从 API 文档中获得的代码。

<script src="http://connect.soundcloud.com/sdk.js"></script>
<script>
SC.initialize({
  client_id: 'YOUR_CLIENT_ID'
});

// stream track id 293
SC.stream("/tracks/293", function(sound){
  sound.play();
});
</script>

慢慢来，从头开始，完成我提到的要点，如果你从某个地方开始并提出一个具体问题，会更容易提供帮助。

您可能已经熟悉嵌入代码，但如果您只想在 post 中显示歌曲，可以使用 post 中的嵌入代码。像这样 https://soundcloud.com/pages/embed。还有一些用于 soundcloud 的 wordpress 插件，如果你给它歌曲的 id，它们会自动嵌入代码。

在特色图片 post 上嵌入 soundcloud link 以启动 mp3 播放器

Embedding soundcloud link on featured image post to launch mp3 player on

wordpress

wordpress-theming