From b07e1beaa8e3ff0653ea5b02cd26737c227dc667 Mon Sep 17 00:00:00 2001
From: MaZderMind <github@mazdermind.de>
Date: Sun, 1 Mar 2015 16:17:20 +0100
Subject: [PATCH] music & audio tabs

---
 lib/helper.php                            | 16 ++++++++----
 pages/room.php                            |  6 ++++-
 template/assemblies/player/audio.phtml    | 26 ++++++++++++------
 template/assemblies/player/music.phtml    | 24 +++++++++++++++++
 template/assemblies/switcher/audio.phtml  | 32 +++++++++--------------
 template/assemblies/switcher/music.phtml  | 21 +++++++++++++++
 template/assemblies/switcher/slides.phtml | 30 ++++++++-------------
 7 files changed, 102 insertions(+), 53 deletions(-)
 create mode 100644 template/assemblies/player/music.phtml
 create mode 100644 template/assemblies/switcher/music.phtml

diff --git a/lib/helper.php b/lib/helper.php
index 699c44eb..efdf84cf 100644
--- a/lib/helper.php
+++ b/lib/helper.php
@@ -33,11 +33,11 @@ function link_stream($protocol, $room, $format, $translated = false)
 		case 'webm':
 			return 'http://cdn.c3voc.de/'.rawurlencode(streamname($room)).'_'.rawurlencode($language).'_'.rawurlencode($format).'.webm';
 
+		case 'music':
+			return 'http://cdn.c3voc.de/'.rawurlencode(streamname($room)).'.'.rawurlencode($format);
+
 		case 'audio':
-			if(in_array($room, array('lounge', 'ambient')))
-				return 'http://cdn.c3voc.de/'.rawurlencode(streamname($room)).'.'.rawurlencode($format);
-			else
-				return 'http://cdn.c3voc.de/'.rawurlencode(streamname($room)).'_'.rawurlencode($language).'.'.rawurlencode($format);
+			return 'http://cdn.c3voc.de/'.rawurlencode(streamname($room)).'_'.rawurlencode($language).'.'.rawurlencode($format);
 
 		case 'slide':
 			return 'http://cdn.c3voc.de/slides/'.rawurlencode(streamname($room)).'/current.png';
@@ -157,7 +157,13 @@ function room_has_video($room)
 function room_has_audio($room)
 {
 	$formats = get("ROOMS.$room.FORMATS");
-	return count(array_intersect(array('audio-mp3', 'audio-opus'), $formats)) > 0;
+	return count(array_intersect(array('audio-mp3', 'audio-opus', 'audio-ogg'), $formats)) > 0;
+}
+
+function room_has_music($room)
+{
+	$formats = get("ROOMS.$room.FORMATS");
+	return count(array_intersect(array('music-mp3', 'music-opus', 'music-ogg'), $formats)) > 0;
 }
 
 function room_has_slides($room)
diff --git a/pages/room.php b/pages/room.php
index 526aabd7..18bbe7f3 100644
--- a/pages/room.php
+++ b/pages/room.php
@@ -28,6 +28,9 @@ if(room_has_video($room))
 if(room_has_audio($room))
 	$selections[] = $tabs[] = 'audio';
 
+if(room_has_music($room))
+	$selections[] = $tabs[] = 'music';
+
 if(room_has_slides($room))
 	$selections[] = $tabs[] = 'slides';
 
@@ -42,6 +45,7 @@ if(room_has_hls($room))
 	$protos[] = 'hls';
 
 
+
 // default page
 if(!$selection)
 	$selection = $selections[0];
@@ -58,7 +62,7 @@ switch($selection) {
 		break;
 
 	case 'music':
-		$tab = 'audio';
+		$tab = 'music';
 		$title = 'Music';
 		break;
 
diff --git a/template/assemblies/player/audio.phtml b/template/assemblies/player/audio.phtml
index c1c7f8f7..e007ab38 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 00000000..587d2d28
--- /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 9e42e0b4..a0628545 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">
+	<? if($has_translation): ?>
+		<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): ?>
+			<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 00000000..b844ae8d
--- /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 45af0d03..f713ab92 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">
+	<? if($has_translation): ?>
+		<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): ?>
+			<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 ?>