Jouer SoundCloud flux d'uri en HTML 5 lecteur mp3 (audio.js)
Je voudrais charger des morceaux à partir de SoundCloud et avoir joué dans un HTML5 audio player fourni par: http://kolber.github.io/audiojs/
J'ai de travailler avec .les fichiers mp3, comme ils le font dans la démo. J'ai aussi réussi à se connecter à l'api SoundCloud et placé la src dans le bon endroit. Cependant, le flux d'uri : api.soundcloud .com/tracks/75868018/stream?client_id=ed34fc3159859e080af9eb55f8c3bb16 (c'est un faux numéro de client, je ne peux pas poster de lien) ne fonctionne pas.
J'ai essayé d'utiliser les deux
son.stream_url & son.uri détaillé ici: les développeurs.soundcloud .com (ne peut pas afficher le lien)
Comment puis-je lire un flux lien à partir de l'api Soundcloud dans un lecteur mp3?
Ci-dessous mon code
HTML Dépouillé
<!DOCTYPE html>
<html lang="en">
<head>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> //load jquery
<script src="http://connect.soundcloud.com/sdk.js"></script> //connect to soundlcoud
<script src="jb3.js" type="text/javascript"></script> //run script to load track into <li> element in DOM
<script src="audio.min.js"></script> //load audio,js script for audio player
</head>
<body>
<audio ></audio>
<h2>Playlist</h2>
<ol id="userPlaylist">
<li><a href="#" data-src="http://kolber.github.io/audiojs/demos/mp3/02-juicy-r.mp3">dead wrong intro</a></li> //woorking track using .mp3
<li class="playing">
<a data-src="http://api.soundcloud.com/tracks/75868018/stream?client_id=ed34fc3159859e080af9eb55f8c3bb16" href="#">sc SONG</a>
</li>
//STREAM THAT IS NOT WORKING
</body>
</html>
MON JAVASCRIPT jb3.js
function addSc() {
SC.get("/tracks/75868018", {}, function(sound){
alert("Sound URI: "+sound.uri);
$("ol#userPlaylist").append('<li> <a href="#" data-src="'+sound.stream_url+'.json/stream?client_id=ed34fc3159859e080af9eb8558c3bb16">sc SONG</li>');
});
}
window.onload = function() {
SC.initialize({
client_id: 'ed34fc3159859e080af9eb55f8c3bb16'
});
addSc();
};
OriginalL'auteur user3741085 | 2014-06-15
Vous devez vous connecter pour publier un commentaire.
Je l'ai testé avec le lecteur par défaut et demos/test6.html avec sc-url, et il fonctionne très bien.
Où vous créez le joueur?
On dirait que votre url semble être erronée (pls vérifier Ex 2 ci-dessous)
EXEMPLE 1
HTML
JS
http://jsfiddle.net/iambnz/6dKLy/
EXEMPLE 2 avec la liste de lecture (test6 juste avec sc url)
HTML
JS
http://jsfiddle.net/iambnz/VL7n8/
Vérifier: http://kolber.github.io/audiojs/demos/test6.html
OriginalL'auteur devbnz