播放链接和未加载的音乐？

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

我的第一个想法是嵌入视频并将其隐藏在播放按钮的后面，但这对我来说并不合适。

有没有一种方法我可以设置一个var，我=将它设置为一个URL，然后使用onclick或toggle命令打网址是什么？

我能想到的会，这将是唯一的办法：

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

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

);

我希望这是有道理的，是有一个API我可以打电话给刚刚拿到的MP3？我不想上传它们，因为它只是连接，而不是试图制作出一个产品，只是为了添加到投资组合。

作为参考，这里是我的codepen link。

感谢您给我的任何建议/指导！

编辑：为了澄清，通过“链接”而不是“装” 我想通过链接到一个URL来实现这一点（即：href=""），而不是将其保存在我的目录，并通过文件路径加载它（即：music/tracks/expire-prettylow.mp3）

来源

2015-05-29 knocked loose

HTML5具有音频标签：你可以做<音频ID = “演示” SRC =“audio.mp3 “>并且控件是：document.getElementById（'demo'）。play（）; –

“*有没有可以打电话给我的mp3？”“你在问Spotify API吗？如果是这样，'[spotify]'标签是适当的。 – apsillers

所以说，我想使用这个** [youtube视频]（https://www.youtube.com/watch?v=VpU3_i0FGMw）**，我需要将音频ID设置到我的播放按钮，所以'

' ？然后使用'document.getElementById（'pretty-low'）。onClick.play（）;'使它在点击上播放？ –

使用空白音频标签并将播放按钮的onClick设置为“var newSrc = newSource.com/song.mp3; playTrack（）”，并加载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>

来源

2015-06-14 05:29:26

刚刚测试过这个，完全是我需要的！非常感谢您的解决方案！ –

很高兴我能帮到你。 –

设置与JavScript，music.load（在src），然后music.play（）

来源

2015-06-15 19:45:43

对，但并没有真正回答这个问题。 –

播放链接和未加载的音乐？

回答

相关问题