You return the type "file" instead of "photo" for some reason. "file" is not defined by the oembed standard.

I'd like to ask

Are there any API to get fav.me URL from full URL?

Is fav.me URL always static?

I have some idea for some kind of application. I want to keep only static ID to target URL and that ID must not change or expire

Hi!

I've been reading through this and think it's really interesting, though I personally find it would be wise to escape the # character for this kind of requests.

Most browsers use it to indicate the part of the site you want to see, or to trigger JS functions (so does dA as far as I know).

This way the URL http:// backend.deviantart.com/oembed?url=http:// magic3w.deviantart.com/#/d3195xw can lead to the APi to return:

404 Not Found ([link]) The URL [link] is not a deviation URL

Because the browser doesn't send any of the URL to the server as it doesn't consider it relevant. As far as I know the correct escaped version would look like this:

http:// backend.deviantart.com/oembed?url=http:// magic3w.deviantart.com/%23/d3195xw

This will lead the APi to return the correct response.



I also felt so free to think of a HTML5 Script that allows inserting images from Deviantart into Websites and Blogs with no further scripting need:

<script>
/* © Magic3W - [link]
_da = new function() {

this.storeData = function (data)
{
this.loadImage(data);
}

this.loadImage = function(data)
{
var i = this.current;
this.current++;
var imgs = this.imgs;
if (!imgs[i].getAttribute) return;
if (imgs[i].getAttribute('data-embed-size') && imgs[i].getAttribute('data-embed-size').toLowerCase() == 'thumb')
{
imgs[i].src = data.thumbnail_url;
imgs[i].width = data.thumbnail_width;
imgs[i].height = data.thumbnail_height;
}
else
{
imgs[i].src = data.url;
imgs[i].width = data.width;
imgs[i].height = data.height;
}

this.readJSON(this.current);
}

this.readJSON = function (index)
{
if (index >= this.imgs.length) return;
if (this.imgs[index].getAttribute('data-embed').toLowerCase() == 'deviantart')
{
var jsonSrc = this.imgs[index].getAttribute('data-embed-src').toLowerCase().replace(/#/g, '%23') + '&format=jsonp&callback=_da.storeData';
var t = document.createElement('script');
t.setAttribute('type', 'text/javascript');
t.setAttribute('src', jsonSrc);
t.async = 'false';
document.getElementsByTagName('head')[0].appendChild(t);
}
}

this.imgs = document.getElementsByTagName('img');
this.current = 0;
this.readJSON(0)
}
</script>


Using the Script is really simple. Just create an img tag like this for Full Sized Image:
<img data-embed="deviantArt" data-embed-src="[link]" />

This for the Thumb version (which is a really big thumb I guess:
<img data-embed="deviantArt" data-embed-src="[link]" data-embed-size="thumb" />


You can also use fallback images for browsers not compatible
<img data-embed="deviantArt" data-embed-src="[link]" data-embed-size="thumb" src="youshouldupdateyourbrowser.png" />

If you need help with it just feel free to contact me via Note.

Why cant i use [link]
or just the ID?

Very nice, but you miss the required "html" attribute which should contain the embedding code you get under "Embed" from a deviations view page.