www.soundcloud.com gehostete Audioinhalte mithilfe des Soundcloud Javascript SKDs (http://connect.soundcloud.com/sdk.js) ">

Hochwertiger HTML5 und Javascript Code von dem Designbüro Standardabweichung aus München

Soundcloud Audiostrream

Das HTML5 und Javascript Bild von Standardabweichung aus München

Soundcloud Audiostream

Streamt auf www.soundcloud.com gehostete Audioinhalte mithilfe des Soundcloud Javascript SKDs (http://connect.soundcloud.com/sdk.js)

var client_id = ""; //app client_id from https://developers.soundcloud.com/ var audioPlayer = null; var soundcloudInitialize = function(){ console.log('SOUNDCLOUD INIT'); audioPlayer = document.createElement('audio'); audioPlayer.setAttribute('id', 'audioPlayer'); audioPlayer.setAttribute('controls', ''); audioPlayer.setAttribute('autoplay', ''); audioPlayer.crossOrigin = 'anonymous'; audioPlayer.preload = false; audioPlayer.autobuffer = false; document.body.appendChild(audioPlayer); SC.initialize({ client_id : client_id }); }; var soundcloudLoad = function(track){ console.log('SOUNDCLOUD LOAD'); SC.get('/resolve', {url: track}, soundcloudGet); }; var soundcloudCurrentTrack = 0; var soundcloudTracks = []; var soundcloudGet = function(data){ console.log('SOUNDCLOUD GET'); if (data.errors) { soundcloudError(data.errors); return; } soundcloudCurrentTrack = 0; if (data.kind == "playlist") { soundcloudTracks = data.tracks; } else { soundcloudTracks = data; } soundcloudPlay(); }; var soundcloudError = function(errors) { console.log('SOUNDCLOUD ERROR'); for (var i = 0, length = errors.length; i < length; i++) { console.log(errors[i].error_message); } //Feedback: Die URL benötigt das folgende Format: https://soundcloud.com/user/title }; var soundcloudPlay = function(){ console.log('SOUNDCLOUD PLAY'); var url = soundcloudTracks[soundcloudCurrentTrack].streamUrl + '?client_id=' + client_id; audioPlayer.setAttribute('src', url); audioPlayer.play(); }

HTML5 / Javascript Code Teilen

Javascript Snippet auf Facebook teilen  Facebook
Javascript Snippet auf Facebook teilen  Google+