music & audio tabs

5 files changed, 86 insertions, 47 deletions

diff --git a/template/assemblies/player/audio.phtml b/template/assemblies/player/audio.phtml
index c1c7f8f..e007ab3 100644
--- a/template/assemblies/player/audio.phtml
+++ b/template/assemblies/player/audio.phtml
@@ -3,12 +3,22 @@
 	preload="auto"
 	style="width: 230px;"
 >
-	<source
-		src="<?=h(link_stream('audio', $room, 'mp3', @$translated))?>"
-		type="audio/mp3"
-	/>
-	<source
-		src="<?=h(link_stream('audio', $room, 'opus', @$translated))?>"
-		type="audio/opus"
-	/>
+	<? if(in_array("audio-mp3", $formats)): ?>
+		<source
+			src="<?=h(link_stream('audio', $room, 'mp3', @$translated))?>"
+			type="audio/mp3"
+		/>
+	<? endif ?>
+	<? if(in_array("audio-opus", $formats)): ?>
+		<source
+			src="<?=h(link_stream('audio', $room, 'opus', @$translated))?>"
+			type="audio/opus"
+		/>
+	<? endif ?>
+	<? if(in_array("audio-ogg", $formats)): ?>
+		<source
+			src="<?=h(link_stream('audio', $room, 'ogg', @$translated))?>"
+			type="audio/ogg"
+		/>
+	<? endif ?>
 </audio>
diff --git a/template/assemblies/player/music.phtml b/template/assemblies/player/music.phtml
new file mode 100644
index 0000000..587d2d2
--- /dev/null
+++ b/template/assemblies/player/music.phtml
@@ -0,0 +1,24 @@
+<audio
+	autoplay="autoplay"
+	preload="auto"
+	style="width: 230px;"
+>
+	<? if(in_array("music-mp3", $formats)): ?>
+		<source
+			src="<?=h(link_stream('music', $room, 'mp3', @$translated))?>"
+			type="audio/mp3"
+		/>
+	<? endif ?>
+	<? if(in_array("music-opus", $formats)): ?>
+		<source
+			src="<?=h(link_stream('music', $room, 'opus', @$translated))?>"
+			type="audio/opus"
+		/>
+	<? endif ?>
+	<? if(in_array("music-ogg", $formats)): ?>
+		<source
+			src="<?=h(link_stream('music', $room, 'ogg', @$translated))?>"
+			type="audio/ogg"
+		/>
+	<? endif ?>
+</audio>
diff --git a/template/assemblies/switcher/audio.phtml b/template/assemblies/switcher/audio.phtml
index 9e42e0b..a062854 100644
--- a/template/assemblies/switcher/audio.phtml
+++ b/template/assemblies/switcher/audio.phtml
@@ -1,12 +1,11 @@
 <div class="container-fluid">
-	<h3>Audio</h3>
-	<div class="formats row">
-
-		<div class="col-lg-3 col-md-4 col-lg-5 col-xs-12">
-			<div class="btn-group" role="group">
-				<div class="btn btn-primary" disabled>Audio</div>
+	<? if($has_translation): ?>
+		<h3>Audio</h3>
+		<div class="formats row">
 
-				<? if($has_translation): ?>
+			<div class="col-lg-3 col-md-4 col-lg-5 col-xs-12">
+				<div class="btn-group" role="group">
+					<div class="btn btn-primary" disabled>Audio</div>
 
 					<a href="<?=h(link_player($room, 'audio'))?>" class="btn btn-default">
 						<span class="fa fa-flag-o"></span>
@@ -17,24 +16,17 @@
 						translated
 					</a>
 
-				<? else: ?>
-
-					<a href="<?=h(link_player($room, 'audio'))?>" class="btn btn-default">
-						<span class="fa fa-video-camera"></span>
-						video
-					</a>
-
-				<? endif ?>
+				</div>
 			</div>
-		</div>
 
-	</div>
+		</div>
+	<? endif ?>
 
 
 	<h3>Directlinks</h3>
 	<div class="formats row">
 
-		<? foreach(array_intersect($formats, array('audio-mp3', 'audio-opus')) as $format): ?>
+		<? foreach(array_intersect($formats, array('audio-mp3', 'audio-opus', 'audio-ogg')) as $format): ?>
 			<div class="col-lg-3 col-md-4 col-lg-5 col-xs-12">
 				<? $proto = substr($format, 6) ?>
 				<div class="btn-group" role="group">
@@ -54,8 +46,8 @@
 						<? else: ?>
 
 							<a href="<?=h(link_stream('audio', $room, $proto))?>" class="btn btn-default">
-								<span class="fa fa-video-camera"></span>
-								video
+								<span class="fa fa-volume-up"></span>
+								audio
 							</a>
 
 						<? endif ?>
diff --git a/template/assemblies/switcher/music.phtml b/template/assemblies/switcher/music.phtml
new file mode 100644
index 0000000..b844ae8
--- /dev/null
+++ b/template/assemblies/switcher/music.phtml
@@ -0,0 +1,21 @@
+<div class="container-fluid">
+	<h3>Directlinks</h3>
+	<div class="formats row">
+
+		<? foreach(array_intersect($formats, array('music-mp3', 'music-opus', 'music-ogg')) as $format): ?>
+			<div class="col-lg-3 col-md-4 col-lg-5 col-xs-12">
+				<? $proto = substr($format, 6) ?>
+				<div class="btn-group" role="group">
+					<div class="btn btn-primary" disabled><?=h(strtoupper($proto))?></div>
+
+						<a href="<?=h(link_stream('music', $room, $proto))?>" class="btn btn-default">
+							<span class="fa fa-music"></span>
+							music
+						</a>
+
+				</div>
+			</div>
+		<? endforeach ?>
+
+	</div>
+</div>
diff --git a/template/assemblies/switcher/slides.phtml b/template/assemblies/switcher/slides.phtml
index 45af0d0..f713ab9 100644
--- a/template/assemblies/switcher/slides.phtml
+++ b/template/assemblies/switcher/slides.phtml
@@ -1,12 +1,11 @@
 <div class="container-fluid">
-	<h3>Slides</h3>
-	<div class="formats row">
-
-		<div class="col-lg-3 col-md-4 col-lg-5 col-xs-12">
-			<div class="btn-group" role="group">
-				<div class="btn btn-primary" disabled>Slides</div>
+	<? if($has_translation): ?>
+		<h3>Slides</h3>
+		<div class="formats row">
 
-				<? if($has_translation): ?>
+			<div class="col-lg-3 col-md-4 col-lg-5 col-xs-12">
+				<div class="btn-group" role="group">
+					<div class="btn btn-primary" disabled>Slides</div>
 
 					<a href="<?=h(link_player($room, 'slides'))?>" class="btn btn-default">
 						<span class="fa fa-flag-o"></span>
@@ -17,18 +16,11 @@
 						translated
 					</a>
 
-				<? else: ?>
-
-					<a href="<?=h(link_player($room, 'slides'))?>" class="btn btn-default">
-						<span class="fa fa-video-camera"></span>
-						native
-					</a>
-
-				<? endif ?>
+				</div>
 			</div>
-		</div>
 
-	</div>
+		</div>
+	<? endif ?>
 
 	<h3>Directlinks</h3>
 	<div class="formats row">
@@ -52,8 +44,8 @@
 					<? else: ?>
 
 						<a href="<?=h(link_stream($proto, $room, 'slides'))?>" class="btn btn-default">
-							<span class="fa fa-video-camera"></span>
-							video
+							<span class="fa fa-picture-o"></span>
+							slides
 						</a>
 
 					<? endif ?>