javascript - widgets - soundcloud widget
Error de Soundcloud API NS_ERROR_DOM_BAD_URI: Acceso a URI restringido denegado(JavaScript) (1)
El problema aquí es que cuando se conecta a una API alojada en otro servidor, debe usar el mismo protocolo. Para archivos locales, use el protocolo de archivo ( file:// ), whells soundcloud usa: http:// o https://
Sigue estos pasos:
- Obtenga un servidor (XAMPP / LAMPP / WAMPP para PHP / HTML regular, NodeJS para el servidor JS o Tornado para Python)
- Encuentre el protocolo que usa su servidor
Si su servidor utiliza el protocolo http , su dominio debe ser http://soundcloud.com/... , pero si su servidor utiliza el protocolo https , entonces el dominio para la API debe ser https://.... . Entonces, una vez que obtenga los protocolos para que coincidan, podrá pasar datos a través de la API.
Me estoy familiarizando con la API de Soundcloud y estoy teniendo algunos problemas. Por lo que puedo decir, todo lo que necesito en SC.initialize es un client_id. He usado los tutoriales en Code Academy para comenzar y fue genial. Ahora que estoy tratando de implementar algo, me estoy metiendo en problemas.
Cuando ejecuté mi código en Code Academy, hizo exactamente lo que yo quería que hiciera. Ahora que estoy tratando de ejecutarlo en un navegador, recibo una pantalla en blanco y este error:
NS_ERROR_DOM_BAD_URI: Acceso denegado a URI restringido @
http://connect.soundcloud.com/sdk
Después de investigar un poco, descubrí que esos errores están relacionados con los prefijos de dominio. Así que traté de cambiarlo a http: // www. connect.soundcloud.com/sdk. Pero cuando hago eso, obtengo un error diferente:
SCno está definido
AHHHH ¿Qué estoy haciendo mal?
Soy nuevo en el uso de API, y cualquier ayuda sería muy apreciada.
Esto es lo que estoy haciendo:
(JavaScript)
SC.initialize({
client_id: ''hidden for privacy'',
});
$(document).ready(function() {
SC.get(''/users/5577686/tracks'', {limit:7}, function(tracks) {
$(tracks).each(function(index, track) {
$(''#tracktitle'').append($(''<li></li>'').html(track.title));
$(''#trackimage'').append("<img src=''" + track.artwork_url + "'' />");
$(''#play'').append("<a href=''" + track.permalink_url + "'' >" + "Play" + "</a>");
});
});
});
(HTML)
<!DOCTYPE HTML>
<html>
<head>
<script src="http://connect.soundcloud.com/sdk.js"></script>
<script src="soundcloud.js"></script>
</head>
<body>
<div id="tracktitle"></div>
<div id="trackimage"></div>
<div id="play"></div>
</body>
</html>
Realmente no creo que haya nada de malo en el código, ya que todo parecía funcionar bien en Code Academy. Creo que es más un problema para familiarizarme con la API. ¿Debo hacer alguna autenticación adicional? ¿Necesito algo más que solo la identificación del cliente? Una vez más estoy muy atascado y agradecería cualquier cantidad de ayuda sobre esto. Gracias por leer.
(También seguí paso a paso el tutorial de Integración de la API Soundcloud de Coding para GOOD y obtengo los mismos errores exactos, por lo que esto confirma que el código probablemente no sea el problema, pero puede que sea necesario conectarse a la API)