add web internet radio player

approot/main.xml

@@ -34,6 +34,9 @@
 					<li class="nav-item">
 						${podcasts class="nav-link"}
 					</li>
+					<li class="nav-item">
+						${radio class="nav-link"}
+					</li>
 				</ul>
 				${filters class="d-flex align-items-center me-auto mb-2 mb-md-0"}
 				<div class="navbar-nav align-items-md-center">

approot/messages.xml

@@ -371,6 +371,13 @@
 
 <!--Podcasts-->
 <message id="Lms.Podcasts.podcasts">Podcasts</message>
+<message id="Lms.Radio.radio">Radio</message>
+<message id="Lms.Radio.description">Stream configured internet radio stations through the main player.</message>
+<message id="Lms.Radio.play"><i class="fa fa-play" aria-hidden="true"></i> Play</message>
+<message id="Lms.Radio.play-station">Play {1}</message>
+<message id="Lms.Radio.homepage">Station website</message>
+<message id="Lms.Radio.live">Live radio</message>
+<message id="Lms.Radio.empty">No internet radio stations are configured.</message>
 <message id="Lms.Podcasts.empty">No podcast feeds have been added yet.</message>
 <message id="Lms.Podcasts.back">← All podcasts</message>
 <message id="Lms.Podcasts.no-episodes">No episodes have been discovered yet.</message>

approot/radio.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<messages>
+
+<message id="Lms.Radio.template">
+	<legend class="mb-3">${tr:Lms.Radio.radio}</legend>
+	<p class="text-body-secondary">${tr:Lms.Radio.description}</p>
+	${stations class="d-grid gap-2"}
+</message>
+
+<message id="Lms.Radio.template.station">
+	<div class="card w-100">
+		<div class="card-body d-flex align-items-center gap-3">
+			<div class="flex-fill min-width-0">
+				<h5 class="card-title text-truncate mb-1">${name}</h5>
+				${homepage class="small"}
+			</div>
+			${play-btn class="btn btn-primary flex-shrink-0"}
+		</div>
+	</div>
+</message>
+
+</messages>