yatil.net
EN podcast

“Open in Overcast” Bookmarklet

I use Overcast for my daily podcasting needs. Sometimes I stumble upon new podcasts and I quickly want to add an episode to Overcast for sampling the podcast.

Unfortunately there often is no link to the Overcast URL directly on the page despite Overcast having decent web integration[1]. Adding a podcast to Overcast in this case means copying the title of the podcast, open the web interface or the app, searching for the podcast, searching for the episode to sample. and adding this episode.

Overcast accesses the iTunes Apple Podcast Directory and its podcast URLs take the same ID as is present in that directory. Due to the nature of Apple Podcasts, every podcast has a link to their entry on the page.
JavaScript to the rescue!

I have created the following JavaScript[2] which searches for podcast links (two variations). If one is found, it extracts the ID using a regular expression, adds it to the Overcast URL and opens the URL in the current window/tab.

const regex = /podcast\/id([0-9]*)/i;
var itunes = document.querySelector('a[href^="https://itunes.apple.com/"][href*="/podcast/"],a[href^="https://podcasts.apple.com/"]');
if (itunes) {
var itunesid = regex.exec(itunes.getAttribute('href'));
var overcasturl = 'https://overcast.fm/itunes' + itunesid[1];
window.location.href = overcasturl;
} else {
alert('No Apple Podcasts link found. 😭');
}

I then used Peter ColesBookmarklet Creator to generate a bookmarklet.

To install the bookmarklet, drag the following link to your bookmarks/favorites bar:

Open in Overcast

While searching for the episode and to add is still needed, I hope to try out to more diverse podcasts this way.

Footnotes
  1. Which is one reason I switched back to Overcast twice after extended stints of trying out Castro where I prefer how podcast playlists are managed.
    It’s not the end of the world, but it introduces some friction that seemed unnecessary to me. ↩︎

  2. Not really rocket science. ↩︎

← Home