播放鏈接和未加載的音樂？

這可能是一個奇怪的問題，但爲了好玩，我在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

對，但並沒有真正回答這個問題。 –

播放鏈接和未加載的音樂？

回答

相關問題