Tech Note: LGF Pages Bookmarklet Now Auto-Embeds NPR Audio Programs
We’ve got a new version of the LGF Pages bookmarklet today, with better browser compatibility and a new feature: when you open the bookmarklet on any page at the NPR website that has a “download” link for their MP3 audio, the bookmarklet will sense its presence and automatically create the code to embed that audio your post.
Quite a few of the NPR pages do have this audio download link - for example: Pat Metheny and John Zorn: A Vivid Sound World : NPR. Opening the bookmarklet on that page will embed this audio player:
To install the new version of the bookmarklet, first remove the old one from your browser’s bookmarks bar (by right-clicking it, then choosing “Delete”), then drag that big button labeled “Create a Page” to your bookmarks bar in its place.
If you hover over the “Create a Page” button, a popup message gives you directions on installing it, and also shows the time it was last updated and the current version number:
You can see which version of the bookmarklet you have installed by opening it; the version number is now shown at the top right of the window, under the Category popup menu.
For those among us who speak Javascript, here’s the source code for the bookmarklet:
(function() {
function esc(s) {
return escape(s).replace(/\+/ig, '%252B');
}
function postPage() {
var api = 'http://littlegreenfootballs.com/api/0.2/postRegex.json',
opts = {
url: api
},
ff = navigator.userAgent.match(/Firefox\/(.*)$/);
if (ff && ff.length > 1 && ff[1] < 21) {
opts = {
url: api + 'p',
jsonpCallback: 'lgf_api',
dataType: 'jsonp'
};
}
jQuery.ajax(opts).done(function(lgf) {
var v = '1.0.0',
f = a = q = w = '',
u = esc(location.href),
d = document,
t = esc(d.title),
s = esc((d.selection) ? d.selection.createRange().text : d.getSelection()),
ob = jQuery('iframe').filter(function() {
return this.src.match(RegExp(lgf.regex.embed, 'i'));
});
if (ob.length && !u.match(RegExp(lgf.regex.sites, 'i'))) {
f = esc(ob.eq(0).attr('src'));
}
if (u.match(/www\.npr\.org/i)) {
ob = jQuery('a.download');
if (ob.length) {
a = esc(ob.eq(0).attr('href').split('?')[0]);
}
}
q = (
'u=' + u +
'&t=' + t +
'&f=' + f +
'&a=' + a +
'&s=' + s +
'&v=' + v
);
w = (
'width=670,' +
'height=820,' +
'scrollbars=1,' +
'status=1,' +
'menubar=1,' +
'location=1,' +
'resizable=1'
);
window.open('http://littlegreenfootballs.com/weblog/lgf-postpage.php?' + q, '_blank', w);
});
}
var jqversion = '1.9.1', d = document;
if (window.jQuery === undefined || window.jQuery.fn.jquery < jqversion) {
var done = false, s = d.createElement('script');
s.src = '//ajax.googleapis.com/ajax/libs/jquery/' + jqversion + '/jquery.min.js';
s.onload = s.onreadystatechange = function(){
if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
done = true;
jQuery.noConflict();
postPage();
}
};
d.getElementsByTagName('head')[0].appendChild(s);
} else {
postPage();
}
})();
Tech details: I can hardly believe I’m actually browser-sniffing in this code, but believe it or not it’s necessary in this case because Firefox versions before the latest (version 21) had a bug in the way they handled a cross-domain protocol known as CORS. Firefox versions 20 and below would not report any error, but the call would simply fail to return anything.
So the only way to resolve this is to test whether the browser is Firefox. If it is, and it’s older than version 21, the bookmarklet falls back on the JSONP method to call the LGF API.
The CORS and JSONP methods are functionally equivalent for what I’m doing in this bookmarklet, but JSONP’s main limitation is that you can only use it with GET requests — you can’t use it for POSTing data.
The moral of the story: upgrade to Firefox 21 — it fixes bugs you didn’t even know you had!
Woo-Hoo! All you folks talking about computer upgrades & VMs & the like - got you beat! Got my SE/30's video sorted out again and it's up and running in the living room. Just need to find a long enough Cat 5 cord to run to the router to get it back on the home network (printer access) and the internet as I want ...
re: #167 EdEncho Yeah, I know I'm being a pendant, but the Night of the Long Knives isn't the comparison you're looking for. I just got through the section of Evans' Third Reich Trilogy that dealt with the Röhm-Putsch. That event wasn't about separating the ideological wheat from the crazy-ass chaff, but about reigning in the unruly elements that might have made NSDAP look ...
re: #26 soundoff
LOL. Well done Sir Douchealot!
re: #50 Kragar
Yeah, that's what I thought he was suggesting. They grow their idiots really big in Texas.
Palin confused? Say it ain't so.
re: #424 NJDhockeyfan
Please try to defend Sarah Palin. You haven't got the intellect (neither does she) to do so, but it would be fun to watch.
re: #328 Lidane
All these assholes can DIAF.
Frank says: