Permalänk
Medlem

Spotify apps-utveckling

Spotify släppte ju nyligen ett plugin-api http://developer.spotify.com/en/spotify-apps-api/resources/ där man kan göra egna grejer med JS och HTML. Så jag tänkte starta en tråd om det och få lite hjälp.

Jag försöker få ut albumbilden från en track , http://developer.spotify.com/download/spotify-apps-api/refere... , men vet inte hur jag sedan skall göra för att "infoga" javascriptobjektet i själva HTML-koden. Jag har försökt såhär:

var it = document.getElementById("itest"); var test = track.image; var im = new Image(test); it.innerHTML = "<img src="+ im + ">";

Jag har alltså en div med id "itest" där jag vill lägga på en vanlig img-tag men det fungerar inte.

Har ni några tips? Och är det fler som börjat koda något i detta API?

Visa signatur

I distrust governments because I’ve studied history. Ask Joe this question: who does most of the killing? Who does most of the theft? Even the body-count of the worst criminals and terrorists pales in comparison to the death toll the average government inflicts on its own people. And it is not criminals who tax away 5/12ths of my income. - Eric S Raymond
http://www.css3.se

Permalänk
Medlem

Har inte tittat på det alls, men ditt script ser fel ut även om det bara vore vanlig traditionell js + html i en browser.

Jag gissar att track.image är en sökväg till bildfilen? I så fall kan du ändra till detta istället:

var it = document.getElementById("itest"); it.innerHTML = "<img src=\""+ track.image + "\" />";

Visa signatur

5950X, 3090

Permalänk
Medlem
Skrivet av '[cyb:

;11693750']Spotify släppte ju nyligen ett plugin-api http://developer.spotify.com/en/spotify-apps-api/resources/ där man kan göra egna grejer med JS och HTML. Så jag tänkte starta en tråd om det och få lite hjälp.

Jag försöker få ut albumbilden från en track , http://developer.spotify.com/download/spotify-apps-api/refere... , men vet inte hur jag sedan skall göra för att "infoga" javascriptobjektet i själva HTML-koden. Jag har försökt såhär:

var it = document.getElementById("itest"); var test = track.image; var im = new Image(test); it.innerHTML = "<img src="+ im + ">";

Jag har alltså en div med id "itest" där jag vill lägga på en vanlig img-tag men det fungerar inte.

Har ni några tips? Och är det fler som börjat koda något i detta API?

Om det finns ett ID på <img> så är det enkelt:

var imgElement= document.getElementById('imageId'); imgElement.src = track.image;

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem
Skrivet av backfeed:

Har inte tittat på det alls, men ditt script ser fel ut även om det bara vore vanlig traditionell js + html i en browser.

Jag gissar att track.image är en sökväg till bildfilen? I så fall kan du ändra till detta istället:

var it = document.getElementById("itest"); it.innerHTML = "<img src=\""+ track.image + "\" />";

Ah, tack för hjälpen. Är inte så jätteinne på att manipulera DOM-trädet med JS och så
Insåg dessutom att jag måste använda track.album.cover och inte track.image.

Var också helt meningslöst att börja försöka skapa en Image, när man enkelt kan få ut cover-URIn med en property. Koden för att visa albumomslaget blir alltså

Citat:

var it = document.getElementById("itest");
var track = playerTrackInfo.track;
var ima = track.album.cover;
it.innerHTML = "<b><img src="+ ima + "></b>";

Visa signatur

I distrust governments because I’ve studied history. Ask Joe this question: who does most of the killing? Who does most of the theft? Even the body-count of the worst criminals and terrorists pales in comparison to the death toll the average government inflicts on its own people. And it is not criminals who tax away 5/12ths of my income. - Eric S Raymond
http://www.css3.se