edited podcast php

master
Angeliki 6 years ago
parent 71f76a98db
commit ed8ae20aae

@ -10,6 +10,12 @@
<script src="js/jquery.ui.touch-punch.min.js"></script> <script src="js/jquery.ui.touch-punch.min.js"></script>
<title>Player</title> <title>Player</title>
<link rel="shortcut icon" href="images/speaker_logo.png" /> <link rel="shortcut icon" href="images/speaker_logo.png" />
<style type="text/css">
a {
text-decoration: none;
color: #A19696;
}
</style>
</head> </head>
@ -18,7 +24,6 @@
<section style="margin-bottom: 20%;"> <section style="margin-bottom: 20%;">
<!-- draggable audio tags/images --> <!-- draggable audio tags/images -->
<div class="ciclegraph"> <div class="ciclegraph">
<div class="draggable-circle circle"> <div class="draggable-circle circle">
@ -395,7 +400,7 @@ $("#katalin").click(function(){
</div> </div>
</div></div> </div></div>
<div class="tooltip-wrap no-pink"> <div class="tooltip-wrap no-pinksecon">
<!-- have to add ontimeupdate="playTranscript3()" --> <!-- have to add ontimeupdate="playTranscript3()" -->
<audio style="width: 100%; background: #222;" id="b3" controls src="audio/description-alex2.mp3" class="audio-tag"></audio><a href="" target="_blank"> <audio style="width: 100%; background: #222;" id="b3" controls src="audio/description-alex2.mp3" class="audio-tag"></audio><a href="" target="_blank">
<div class="tooltip-content-up"> <div class="tooltip-content-up">

@ -131,7 +131,8 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
{$num = $files[$i]; {$num = $files[$i];
$var1 = $_GET["files"]["name"]; $var1 = $_GET["files"]["name"];
echo '<audio src='.$num.' controls></audio><br />'; echo '<audio src='.$num.' controls></audio><br />';
echo date("F d Y H:i:s",filemtime($num)).'<br /><br />'; } // echo '<div id="name"></div>';
echo date("d/m/Y",filemtime($num)).'<br /><br />'; }
?> ?>
</div> </div>
@ -139,7 +140,6 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
</div> </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script>
@ -240,7 +240,14 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
}); });
}
// var person = prompt("Please enter a title or a name");
// if (person != null) {
// document.getElementById("name").innerHTML =
// person;
// }
// }
</script> </script>
<!-- script for subs and sound --> <!-- script for subs and sound -->

@ -89,11 +89,14 @@ $files = glob("podcasts/podcast2/*.mp3");
for ($i=0; $i<count($files); $i++) for ($i=0; $i<count($files); $i++)
{$num = $files[$i]; {$num = $files[$i];
$var1 = $_GET["files"]["name"]; $var1 = $_GET["files"]["name"];
echo '<td><div class="tooltip-wrap no-underline"><audio src='.$num.' controls></audio><div class="tooltip-content-down"><div class="left_col"><h3>NARRATOR</h3>';include $num.'.txt'; echo '<td><audio src='.$num.' controls></audio>';
echo '<div class="tooltip-wrap" style="left:1%; top:-10px;background-color:transparent !important;"><img src="images/plus-icon.png" width="20px"><div class="tooltip-content-down content-transcription"><div class="left_col"><h3>NARRATOR</h3>';include $num.'.txt';
echo '</div><div class="right_col"><h3>SPEAKERS</h3>'; include $num.'-M.txt'; echo '</div><div class="right_col"><h3>SPEAKERS</h3>'; include $num.'-M.txt';
echo '</div></div><br /><div style="font-size:14px;line-height:1;text-align: left;max-width:280px;">'; echo '</div></div></div>';
include $num.'-METADATA.txt'; echo '<div style="font-size:14px;line-height:1;text-align: left;max-width:280px;">';
echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>'; } ?> include $num.'-METADATA.txt';
echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
</tr></table> </tr></table>
<br> <br>
@ -128,7 +131,7 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>';
{$num = $files[$i]; {$num = $files[$i];
$var1 = $_GET["files"]["name"]; $var1 = $_GET["files"]["name"];
echo '<audio src='.$num.' controls></audio><br />'; echo '<audio src='.$num.' controls></audio><br />';
echo date("F d Y H:i:s",filemtime($num)).'<br /><br />'; } echo date("d/m/Y",filemtime($num)).'<br /><br />'; }
?> ?>
</div> </div>

@ -89,11 +89,14 @@ $files = glob("podcasts/podcast3/*.mp3");
for ($i=0; $i<count($files); $i++) for ($i=0; $i<count($files); $i++)
{$num = $files[$i]; {$num = $files[$i];
$var1 = $_GET["files"]["name"]; $var1 = $_GET["files"]["name"];
echo '<td><div class="tooltip-wrap no-underline"><audio src='.$num.' controls></audio><div class="tooltip-content-down"><div class="left_col"><h3>NARRATOR</h3>';include $num.'.txt'; echo '<td><audio src='.$num.' controls></audio>';
echo '<div class="tooltip-wrap" style="left:1%; top:-10px;background-color:transparent !important;"><img src="images/plus-icon.png" width="20px"><div class="tooltip-content-down content-transcription"><div class="left_col"><h3>NARRATOR</h3>';include $num.'.txt';
echo '</div><div class="right_col"><h3>SPEAKERS</h3>'; include $num.'-M.txt'; echo '</div><div class="right_col"><h3>SPEAKERS</h3>'; include $num.'-M.txt';
echo '</div></div><br /><div style="font-size:14px;line-height:1;text-align: left;max-width:280px;">'; echo '</div></div></div>';
include $num.'-METADATA.txt'; echo '<div style="font-size:14px;line-height:1;text-align: left;max-width:280px;">';
echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>'; } ?> include $num.'-METADATA.txt';
echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
</tr></table> </tr></table>
<br> <br>
@ -128,7 +131,7 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>';
{$num = $files[$i]; {$num = $files[$i];
$var1 = $_GET["files"]["name"]; $var1 = $_GET["files"]["name"];
echo '<audio src='.$num.' controls></audio><br />'; echo '<audio src='.$num.' controls></audio><br />';
echo date("F d Y H:i:s",filemtime($num)).'<br /><br />'; } echo date("d/m/Y",filemtime($num)).'<br /><br />'; }
?> ?>
</div> </div>

@ -90,11 +90,14 @@ $files = glob("podcasts/podcast4/*.mp3");
for ($i=0; $i<count($files); $i++) for ($i=0; $i<count($files); $i++)
{$num = $files[$i]; {$num = $files[$i];
$var1 = $_GET["files"]["name"]; $var1 = $_GET["files"]["name"];
echo '<td><div class="tooltip-wrap no-underline"><audio src='.$num.' controls></audio><div class="tooltip-content-down"><div class="left_col"><h3>NARRATOR</h3>';include $num.'.txt'; echo '<td><audio src='.$num.' controls></audio>';
echo '<div class="tooltip-wrap" style="left:1%; top:-10px;background-color:transparent !important;"><img src="images/plus-icon.png" width="20px"><div class="tooltip-content-down content-transcription"><div class="left_col"><h3>NARRATOR</h3>';include $num.'.txt';
echo '</div><div class="right_col"><h3>SPEAKERS</h3>'; include $num.'-M.txt'; echo '</div><div class="right_col"><h3>SPEAKERS</h3>'; include $num.'-M.txt';
echo '</div></div><br /><div style="font-size:14px;line-height:1;text-align: left;max-width:280px;">'; echo '</div></div></div>';
include $num.'-METADATA.txt'; echo '<div style="font-size:14px;line-height:1;text-align: left;max-width:280px;">';
echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>'; } ?> include $num.'-METADATA.txt';
echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
</tr></table> </tr></table>
<br> <br>
@ -129,7 +132,7 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>';
{$num = $files[$i]; {$num = $files[$i];
$var1 = $_GET["files"]["name"]; $var1 = $_GET["files"]["name"];
echo '<audio src='.$num.' controls></audio><br />'; echo '<audio src='.$num.' controls></audio><br />';
echo date("F d Y H:i:s",filemtime($num)).'<br /><br />'; } echo date("d/m/Y",filemtime($num)).'<br /><br />'; }
?> ?>
</div> </div>

@ -19,6 +19,7 @@ a {
} }
.active { .active {
color: red; color: red;
font-size: 125% ; font-size: 125% ;

Loading…
Cancel
Save