在精选图片上嵌入soundcloud链接以在其上启动mp3播放器

因此, 我一直在网上搜索, 但找不到如何通过播放按钮获得精选图片的好答案, 一旦单击播放按钮, 它将启动一个基于wordpress网站的mp3播放器, 并且可以在其中更改加。就像这个网站-> indieshuffle.com。

有谁知道如何做到这一点, 或者至少给我一些素材, 甚至一个主题都很棒

#1

尽管这是一项非常简单的任务, 但是如果你没有足够的编程知识, 那么将很难实现。没有太多现有的代码可以显示它们, 没有多少人会帮助你解决stackoverflow。

这就是我将如何实现的。首先, 我会将特色图片附加到帖子中(默认功能)。然后, 我将创建一个自定义字段来保存歌曲的音云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插件, 如果你给它提供歌曲的ID, 它们会自动嵌入代码。