2011-12-02 12 views
5

He estado jugando con el nuevo Spotify Apps API desde ayer, pero aunque la documentación que tienen en línea es bastante buena, no encuentro nada para utilizar el objeto API que recibes después de llamar al getSpotifyApi(1). Tienen algún tipo de API reference en línea, pero no hay una descripción de cómo obtener estos objetos, cómo acceder a recursos incorporados como gráficos, etc. En general, siento que me falta algo. Pude jugar con ello examinando la API usando el inspector de desarrolladores y mirando algunas de las aplicaciones disponibles. ¿Hay alguna manera de mirar el código Javascript?API de aplicaciones de Spotify: ¿hay más documentación?

Respuesta

7

Por el momento, la documentación es muy escasa. Me pareció útil echar un vistazo a los recursos de Spotify.app dentro del paquete de aplicaciones.

en un Mac se pueden encontrar algunas fuentes interesantes en el paquete de aplicación en: Spotify.app/Contents/Resources/cef_views

Actualizar: Con la nueva versión de la vista previa spotify, mi solución no totalmente aplicar más Todavía puede acceder a algunos de los recursos en Spotify.app/Contents/Resources/apps, pero ahora están comprimidos en un archivo por aplicación. Sin embargo, aún puede acceder a parte de la información al examinar estos archivos.

+1

Ah, gracias, la carpeta cef_views es muy interesante. Allí puede encontrar todos los scripts de API, archivos CSS, etc. ¡Muy útil! – slurmomatic

+0

Parece que no puedo encontrar esta carpeta en mi MacBook (Spotify se bloquea al abrirla por cierto) y parece que no hay una carpeta correspondiente en Windows. ¿Alguna pista? – Christian

+2

En Windows, la carpeta se encuentra como un archivo .zip (resources.zip) en la siguiente carpeta de datos para Spotify.exe. En mi caso, esto es 'C: \ Users \ buchetics \ AppData \ Roaming \ Spotify \ Data \ resources.zip'. En la Mac, debe hacer clic derecho en Spotify.app y seleccionar 'Mostrar contenido del paquete' (o algo así), luego puede navegar a la carpeta dentro del paquete. – slurmomatic

2

Una excelente manera de ver qué es posible es utilizar la aplicación de ejemplo "api". Hazlo escribiendo "spotify: app: api" en el cuadro de búsqueda y utilizando el inspector para ver qué código se está incluyendo.

También hay un tutorial aquí: http://developer.spotify.com/download/spotify-apps-api/tutorial/

Espero que esto ayude! Siempre póngase en contacto con [email protected] también si tiene preguntas.

+3

No se puede obtener "spotify: app: api" para iniciar la aplicación, siempre aparece el mensaje de error "aplicación no encontrada". Usar la última versión de vista previa (0.8.0.873). – slurmomatic

+0

+1 para el tutorial de API –

+0

mismo error con 0.8.0.952 :-( – Sucrenoir

3

Acabo de hacer un console.log en el objeto "sp" para rastrear todos los objetos que contiene. Los objetos sp han sido nombrados fácilmente para ser entendidos, por lo que puedes obtener una mayor cantidad de la API de Spotify. Ejemplo:

sp = getSpotifyApi(1); 
toStringObject(sp); 

function toStringObject(aObject, aTab){ 
    if(aTab == undefined || aTab == null){ 
    aTab = ''; 
    } 
    for(var string in aObject){ 
    console.log(aTab + 'object: ' + string + ', value: ' + aObject[string]); 
    if(typeof(aObject[string]) == 'object'){ 
     toStringObject(aObject[string], aTab + '\t'); 
     console.log('-------------------------------------'); 
    } 
    } 
} 

Te da la salida:

... 
    object: addEventListener, value: function addEventListener() { [native code] } 
     object: hideSharePopup, value: function hideSharePopup() { [native code] } 
    ------------------------------------- 
    object: trackPlayer, value: [object Object] 
     object: setContextCanSkipPrev, value: function setContextCanSkipPrev() { [native code] } 
     object: removeEventListener, value: function removeEventListener() { [native code] } 
     object: setVolume, value: function setVolume() { [native code] } 
     object: playTrackFromContext, value: function playTrackFromContext() { [native code] } 
     object: canChangeRepeat, value: function canChangeRepeat() { [native code] } 
     object: setShuffle, value: function setShuffle() { [native code] } 
... 
17

Como otros han dicho, que era posible navegar por la fuente y ver una aplicación de ejemplo "API", pero ninguno de éstos están disponibles ya. Por esta razón, he preparado una aplicación de fregadero de cocina, que demuestra cómo realizar gran parte de la funcionalidad básica.Puede ser útil a cualquier persona para empezar:

https://github.com/ptrwtts/kitchensink

En el README, también hay una lista de recursos útiles, pero voy a copiar aquí algunos de ellos para facilitar el acceso:

Docs

Spotify Apps Docs: http://developer.spotify.com/en/spotify-apps-api/overview/

la construcción de una aplicación de Spotify: http://musicmachinery.com/2011/12/02/building-a-spotify-app/

Ejemplos Pastebin: http://pastebin.com/u/MrSiir

Aplicaciones

Tutorial: http://developer.spotify.com/download/spotify-apps-api/tutorial/

del estado de ánimo perillas: https://github.com/alexmic/mood-knobs

Spartify: https://github.com/blixt/spartify

SpotifyEchoNestPlaylistDemo: https://gist.github.com/1438262

+0

genial! Enlaces muy útiles gracias –