Question

这可能是一个奇怪的问题，但为了好玩，我在codepen中重新创建Spotify布局到他们的应用程序，现在我想添加一些功能，有没有一种方法可以使用JS或jQuery来播放音乐？

我的第一个想法是将视频嵌入并隐藏在播放按钮后面，但这对我不起作用。

有没有办法设置var我将=设置为网址，然后使用onclick或toggle命令来播放网址？< / p>

我能想到的唯一方法就是：

var expirePrettyLow = 'url:www.fake.com'

$('#play').toggle(
    function(){
//play youtube link?

);

我希望这是有道理的，有没有我可以打电话来获取mp3的API？我不想上传它们，因为它只是链接，而不是试图用它来制作产品，只是为了增加产品组合。

此处参考的是 codepen link 。

感谢你给我的任何建议/指示！

编辑：澄清，通过'链接'而不是'加载' 我想通过链接到一个url（即：href=""）来完成此操作，而不是将其保存在我的目录中并通过文件路径加载（即：music/tracks/expire-prettylow.mp3）

Answer 1

使用空白音频标签并将播放按钮设置为onClick to＆＃34; var newSrc = newSource.com/song.mp3; playTrack（）＆＃34;，并播放playTrack（）函数并播放歌曲。以下是更改音频元素源然后播放新源代码的示例。

<script>
function playTrack(){
    var music = document.getElementById("myAudio");
    music.src = newSrc;
    music.load();
    music.play();
}
</script>
<audio id="myAudio" src="">
Audio tag not supported
</audio>
Click a song to play it:
<ul>
    <li onClick="newSrc = 'http://fidelak.free.fr/reprises/The%20Doors%20-%20People%20are%20Strange.mp3'; playTrack()">People are Strange</li>
    <li onClick="newSrc = 'http://mp3light.net/assets/songs/14000-14999/14781-december-1963-oh-what-a-night-four-seasons--1411568407.mp3'; playTrack()">Oh What a Night</li>
</ul>

Answer 2

使用JavScript，music.load（）和music.play（）

设置src

播放已关联且未加载的音乐？

2 个答案: