在特色图片帖子上嵌入soundcloud链接以启动mp3播放器

Question

所以我一直在网上搜索，我找不到如何使用播放按钮获得精选图片的好答案，一旦我点击播放按钮就启动了一个基于wordpress的mp3播放器网站以及我可以更改或添加的位置。很像这个网站 - ＆gt; indieshuffle.com。

有没有人知道如何做到这一点，或者至少给我一些材料，即使主题也会很棒

Answer 1

虽然这是一项非常简单的任务，但如果你对编程知识不够，那么很难实现。并且没有多少人会在没有任何现有代码显示它们的情况下帮助您进行stackoverflow。

以下是我将如何实现它。首先，我将特色图像附加到帖子（默认功能）。然后我会创建一个自定义字段来保存歌曲的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>

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

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