diff --git a/site-generator b/site-generator
index 1ad2734..91e090b 100755
--- a/site-generator
+++ b/site-generator
@@ -125,6 +125,8 @@ sub main {
 		# from the generated list of pages.
 		@page_args= grep { $_ ne 'DBI' } @page_args;
 		@page_args= grep { $_ ne 'root_template' } @page_args;
+		@page_args= grep { $_ ne 'media_hostname' } @page_args;
+
 	};
 	foreach my $page_arg (@page_args) {
 		my %parsed_arg = parse_page_arg($page_arg);
@@ -142,6 +144,10 @@ sub main {
 				$page_config->{'baseurl'} = $config{root_template}{baseurl};
 			}
 
+			if (exists $config{root_template}{media_hostname}) {
+				$page_config->{'media_hostname'} = $config{root_template}{media_hostname};
+			}
+
 			if ($page_config->{'multipage'} && $page_config->{'multipage'} eq 'true') {
 				if (scalar @{$parsed_arg{'ids'}} == 1) {
 				  @{$parsed_arg{'ids'}} = get_ids_from_db($tt, \$page_config);	
diff --git a/templates/content-episode.tpl.html b/templates/content-episode.tpl.html
index fe24fa6..9b3b643 100644
--- a/templates/content-episode.tpl.html
+++ b/templates/content-episode.tpl.html
@@ -1,6 +1,7 @@
 <!--% PROCESS 'shared-episode-summary.tpl.html' %-->
 <!--% PROCESS 'shared-avatar.tpl.html' %-->
 <!--% PROCESS 'shared-utils.tpl.html' %-->
+<!--% PROCESS 'shared-listen-now.tpl.html' %-->
 <!--% USE DBI(constants.driver, constants.user, constants.password) %-->
 <!--% query_episodes = DBI.prepare('
 		WITH episode_maxmin AS (
@@ -74,17 +75,7 @@ Hosted by <a href="<!--% absolute_path(baseurl) %-->correspondents/<!--% zero_pa
 	</header>
 	<div><!--% episode.notes %--></div>
 <footer>
-<h2>Listen Now</h2>
-<p>Duration: <!--% display_episode_duration(episode.duration) %--></p>
-<audio controls preload="none">
-	<source src="<!--% absolute_path(baseurl) %-->local/hpr<!--% episode.id %-->.ogg" type="audio/ogg" >
-	<source src="<!--% absolute_path(baseurl) %-->local/hpr<!--% episode.id %-->.mp3" type="audio/mpeg" >
-</audio>
-<ul>
-<li>ogg: <a href="<!--% absolute_path(baseurl) %-->local/hpr<!--% episode.id %-->.ogg">https://www.hackerpublicradio.org/local/hpr<!--% episode.id %-->.ogg</a></li>
-<li>spx: <a href="<!--% absolute_path(baseurl) %-->local/hpr<!--% episode.id %-->.spx">https://www.hackerpublicradio.org/local/hpr<!--% episode.id %-->.spx</a></li>
-<li>mp3: <a href="<!--% absolute_path(baseurl) %-->local/hpr<!--% episode.id %-->.mp3">https://www.hackerpublicradio.org/local/hpr<!--% episode.id %-->.mp3</a></li>
-</ul>
+	<!--% listen_now(episode, "hpr", baseurl, media_hostname) %-->
 <p>
 <!--% episode_navigation %-->
 </p>
diff --git a/templates/content-index.tpl.html b/templates/content-index.tpl.html
index 6ac0bc5..26c5e2b 100644
--- a/templates/content-index.tpl.html
+++ b/templates/content-index.tpl.html
@@ -1,5 +1,6 @@
 <!--% PROCESS 'shared-avatar.tpl.html' %-->
 <!--% PROCESS 'shared-utils.tpl.html' %-->
+<!--% PROCESS 'shared-listen-now.tpl.html' %-->
 <hr>
   <article>
     <header>
@@ -83,17 +84,7 @@
 	</header>
 		<!--% latest_episodes.notes %-->
 	<footer>
-		<h2>listen now</h2>
-		<p>Duration: <!--% display_episode_duration(latest_episodes.duration) %--></p>
-		<audio controls preload="none">
-			<source src="local/hpr<!--% latest_episodes.id %-->.ogg" type="audio/ogg" >
-			<source src="local/hpr<!--% latest_episodes.id %-->.mp3" type="audio/mpeg" >
-		</audio>
-			<ul>
-				<li>ogg: <a href="local/hpr<!--% latest_episodes.id %-->.ogg">/local/hpr<!--% latest_episodes.id %-->.ogg</a></li>
-				<li>spx: <a href="local/hpr<!--% latest_episodes.id %-->.spx">/local/hpr<!--% latest_episodes.id %-->.spx</a></li>
-				<li>mp3: <a href="local/hpr<!--% latest_episodes.id %-->.mp3">/local/hpr<!--% latest_episodes.id %-->.mp3</a></li>
-			</ul>
+		<!--% listen_now(latest_episodes, "hpr", baseurl, media_hostname) %-->
 	</footer>
 </article>
 <!--% END %-->
diff --git a/templates/content-twat_episode.tpl.html b/templates/content-twat_episode.tpl.html
index 100deea..204795b 100644
--- a/templates/content-twat_episode.tpl.html
+++ b/templates/content-twat_episode.tpl.html
@@ -1,6 +1,7 @@
 <!--% PROCESS 'shared-episode-summary.tpl.html' %-->
 <!--% PROCESS 'shared-avatar.tpl.html' %-->
 <!--% PROCESS 'shared-utils.tpl.html' %-->
+<!--% PROCESS 'shared-listen-now.tpl.html' %-->
 <!--% USE DBI(constants.driver, constants.user, constants.password) %-->
 <!--% query_episodes = DBI.prepare('
 		WITH episode_maxmin AS (
@@ -64,17 +65,7 @@ Hosted by <a href="<!--% absolute_path(baseurl) %-->correspondents/<!--% zero_pa
 	</header>
 	<div><!--% episode.notes %--></div>
 <footer>
-<h2>Listen Now</h2>
-<p>Duration: <!--% display_episode_duration(episode.duration) %--></p>
-<audio controls preload="none">
-	<source src="<!--% absolute_path(baseurl) %-->local/twat<!--% episode.id %-->.ogg" type="audio/ogg" >
-	<source src="<!--% absolute_path(baseurl) %-->local/twat<!--% episode.id %-->.mp3" type="audio/mpeg" >
-</audio>
-<ul>
-<li>ogg: <a href="<!--% absolute_path(baseurl) %-->local/twat<!--% episode.id %-->.ogg">https://www.hackerpublicradio.org/local/hpr<!--% episode.id %-->.ogg</a></li>
-<li>spx: <a href="<!--% absolute_path(baseurl) %-->local/twat<!--% episode.id %-->.spx">https://www.hackerpublicradio.org/local/hpr<!--% episode.id %-->.spx</a></li>
-<li>mp3: <a href="<!--% absolute_path(baseurl) %-->local/twat<!--% episode.id %-->.mp3">https://www.hackerpublicradio.org/local/hpr<!--% episode.id %-->.mp3</a></li>
-</ul>
+<!--% listen_now(episode, "twat", baseurl, media_hostname) %-->
 <p>
 <!--% episode_navigation %-->
 </p>
diff --git a/templates/shared-episode-summary.tpl.html b/templates/shared-episode-summary.tpl.html
index 32b9236..52c0b8c 100644
--- a/templates/shared-episode-summary.tpl.html
+++ b/templates/shared-episode-summary.tpl.html
@@ -12,7 +12,7 @@
 <!--% END %-->
 
 <!--% MACRO display_listen_in(eps_id) BLOCK %-->
-Listen in <a href="<!--% absolute_path(baseurl) %-->local/hpr<!--% eps_id %-->.ogg">ogg</a>, <a href="<!--% absolute_path(baseurl) %-->local/hpr<!--% eps_id %-->.spx">spx</a>, or <a href="<!--% absolute_path(baseurl) %-->local/hpr<!--% eps_id %-->.mp3">mp3</a> format.
+Listen in <a href="<!--% media_baseurl(baseurl, media_hostname) %-->local/hpr<!--% eps_id %-->.ogg">ogg</a>, <a href="<!--% media_baseurl(baseurl, media_hostname) %-->local/hpr<!--% eps_id %-->.spx">spx</a>, or <a href="<!--% media_baseurl(baseurl, media_hostname) %-->local/hpr<!--% eps_id %-->.mp3">mp3</a> format.
 <!--% END %-->
 
 <!--% MACRO display_comments_tally(eps_id, tally) BLOCK %-->
diff --git a/templates/shared-listen-now.tpl.html b/templates/shared-listen-now.tpl.html
new file mode 100644
index 0000000..d6219a5
--- /dev/null
+++ b/templates/shared-listen-now.tpl.html
@@ -0,0 +1,19 @@
+<!--% MACRO listen_now(episode, episode_type, baseurl, media_hostname) BLOCK %-->
+<!--% IF episode_type == "twat" %-->
+<!--% media_folder = "eps" %--><!--% ELSE %--><!--% media_folder = "local" %-->
+<!--% END %-->
+	<h2>Listen Now</h2>
+	<p>Duration: <!--% display_episode_duration(episode.duration) %--></p>
+	<audio controls preload="none">
+	<source src="<!--% media_baseurl(baseurl, media_hostname) %--><!--% media_folder %-->/<!--% episode_type %--><!--% episode.id %-->.ogg" type="audio/ogg" >
+		<source src="<!--% media_baseurl(baseurl, media_hostname) %--><!--% media_folder %-->/<!--% episode_type %--><!--% episode.id %-->.mp3" type="audio/mpeg" >
+	</audio>
+	<ul>
+<!--% IF episode_type != "twat" %-->
+		<li>ogg: <a href="<!--% media_baseurl(baseurl, media_hostname) %--><!--% media_folder %-->/<!--% episode_type %--><!--% episode.id %-->.ogg"><!--% media_baseurl(baseurl, media_hostname) %--><!--% media_folder %-->/<!--% episode_type %--><!--% episode.id %-->.ogg</a></li>
+		<li>spx: <a href="<!--% media_baseurl(baseurl, media_hostname) %--><!--% media_folder %-->/<!--% episode_type %--><!--% episode.id %-->.spx"><!--% media_baseurl(baseurl, media_hostname) %--><!--% media_folder %-->/<!--% episode_type %--><!--% episode.id %-->.spx</a></li>
+<!--% END %-->
+		<li>mp3: <a href="<!--% media_baseurl(baseurl, media_hostname) %--><!--% media_folder %-->/<!--% episode_type %--><!--% episode.id %-->.mp3"><!--% media_baseurl(baseurl, media_hostname) %--><!--% media_folder %-->/<!--% episode_type %--><!--% episode.id %-->.mp3</a></li>
+	</ul>
+<!--% END %-->
+
diff --git a/templates/shared-utils.tpl.html b/templates/shared-utils.tpl.html
index 677c053..460ca90 100644
--- a/templates/shared-utils.tpl.html
+++ b/templates/shared-utils.tpl.html
@@ -39,6 +39,12 @@
 <!--% IF baseurl %-->./<!--% ELSE %-->/<!--% END %-->
 <!--% END %-->
 
+<!--% MACRO media_baseurl(baseurl, media_hostname) BLOCK %-->
+<!--% IF media_hostname %-->
+https://<!--% media_hostname %-->/<!--% ELSE %-->
+<!--% baseurl %--><!--% END %-->
+<!--% END %-->
+
 <!--% MACRO step_navigation(baseurl, links, folder) BLOCK %-->
 <!--% IF folder == "" %-->
 <!--% folder = hpr %-->