improved some details

master
Angeliki 6 years ago
parent e985b465eb
commit 15af465a56

@ -15,9 +15,12 @@
</head> </head>
<body> <body>
Filter by:
<button onclick="piles()">workshop</button> <form>
<button onclick="groups()">type</button> Filter by:
<input type="radio" name="gender" value="male" checked onchange="piles()"> Workshop
<input type="radio" name="gender" value="female" onchange="groups()"> Type<br>
</form>
<!-- draggable archive --> <!-- draggable archive -->
@ -346,13 +349,13 @@ Filter by:
<!-- reshuffle --> <!-- reshuffle -->
<script> <script>
var distance=20 var distance=20
groups() piles()
function piles(){ function piles(){
var pileM_position=[1300,900] var pileM_position=[1300,700]
$(".pileM").each(function(i){ $(".pileM").each(function(i){
$(this).css({"top":i*60+pileM_position[1],"left":i*20+pileM_position[0]}) $(this).css({"top":i*60+pileM_position[1],"left":i*20+pileM_position[0]})
}) })
@ -418,7 +421,7 @@ function groups(){
$(this).css({"top":i*distance+group_metadata_position[1],"left":i*distance+group_metadata_position[0]}) $(this).css({"top":i*distance+group_metadata_position[1],"left":i*distance+group_metadata_position[0]})
}) })
var group_menu_position=[1300,900] var group_menu_position=[1300,700]
$(".group_menu").each(function(i){ $(".group_menu").each(function(i){
$(this).css({"top":i*60+group_menu_position[1],"left":i*20+group_menu_position[0]}) $(this).css({"top":i*60+group_menu_position[1],"left":i*20+group_menu_position[0]})
}) })

@ -269,6 +269,8 @@ $("#katalin").click(function(){
<!-- soundwalk player --> <!-- soundwalk player -->
<div class="draggable full-width" style="top: 140%; left:0.2%"> <div class="draggable full-width" style="top: 140%; left:0.2%">
<button id="but">listen</button>
First sample of city sounds related to public/private and speech and recordings of descriptions from different people
<div class="tooltip-wrap"> <div class="tooltip-wrap">
<audio style="width: 100%;" id="a1" controls src="audio/selection-track-extracts-1.mp3" class="audio-tag"></audio><a href="" target="_blank"> <audio style="width: 100%;" id="a1" controls src="audio/selection-track-extracts-1.mp3" class="audio-tag"></audio><a href="" target="_blank">
<div class="tooltip-content-up"> <div class="tooltip-content-up">
@ -346,13 +348,14 @@ $("#katalin").click(function(){
<div><a data-start="134.9" href="#">00:02:14,900</a> Again it sounds like there is a kindergarten or school nearby</div> <div><a data-start="134.9" href="#">00:02:14,900</a> Again it sounds like there is a kindergarten or school nearby</div>
</div> </div>
</div></div> </div></div>
<button id="but">listen</button>
</div> </div>
<br><br> <br><br>
<!-- second sounwalk player -->
<div class="draggable full-width" style="top: 170%; left:0.2%"> <div class="draggable full-width" style="top: 170%; left:0.2%">
<!-- second sounwalk player --> <button id="butB">listen</button>
Second sample of city sounds related to public/private and speech and recordings of descriptions from different people
<div class="tooltip-wrap"> <div class="tooltip-wrap">
<audio style="width: 100%; background: #FFFFFF;" id="b1" controls src="audio/selectionB.mp3" class="audio-tag"></audio><a href="" target="_blank"> <audio style="width: 100%; background: #FFFFFF;" id="b1" controls src="audio/selectionB.mp3" class="audio-tag"></audio><a href="" target="_blank">
<div class="tooltip-content-up"> <div class="tooltip-content-up">
@ -418,8 +421,6 @@ $("#katalin").click(function(){
<div><a data-start="166.6" href="#">00:02:46,600</a> Again, there is a child screaming or crying</div> <div><a data-start="166.6" href="#">00:02:46,600</a> Again, there is a child screaming or crying</div>
</div> </div>
</div></div> </div></div>
<button id="butB">listen</button>
</div> </div>

@ -7,6 +7,9 @@
<!-- <link href="styles/smallscreen.css" rel="stylesheet" type="text/css"> --> <!-- <link href="styles/smallscreen.css" rel="stylesheet" type="text/css"> -->
<title>Podcast1</title> <title>Podcast1</title>
<link rel="shortcut icon" href="images/headphones_logo.png" /> <link rel="shortcut icon" href="images/headphones_logo.png" />
<style>
h3 {font-weight: normal !important}
</style>
</head> </head>
<body> <body>
@ -72,7 +75,8 @@
<br><br><br><br><br><br> <br><br><br><br><br><br>
<table> <table>
<tr> <tr>
<b>Episodes</b> <td></td>
<td><h3 style="text-align: left !important">EPISODES</h3></td>
</tr> </tr>
<tr> <tr>
<td><img src="images/headphones_logo.png" width="40px"></td> <td><img src="images/headphones_logo.png" width="40px"></td>
@ -91,14 +95,14 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>';
<br> <br>
<div align="center"> <div align="center">
<?php include 'texts/dear_listener.txt'; ?> <?php include 'texts/dear_listener.txt'; ?>
<!-- recorder --> <!-- recorder -->
<div class="recorder"> <div class="recorder">
<input type="button" class="start" value="Record" /> <input type="button" class="start" value="Record" />
<input type="button" class="stop" value="Stop" /> <input type="button" class="stop" value="Stop" />
<pre class="status"></pre> <pre class="status"></pre>
</div> </div>
<div id="playerContainer"></div> <div id="playerContainer"></div>
<br /> <br />
@ -109,18 +113,20 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>';
<div id="dataUrlcontainer" hidden></div> <div id="dataUrlcontainer" hidden></div>
<pre id="log" hidden></pre> <pre id="log" hidden></pre>
</div>
<br />
<br />
<br />
<?php <br />
$files = glob("uploads/1/*"); <br />
for ($i=0; $i<count($files); $i++) <br />
{$num = $files[$i]; <h3>VISITORS' RECORDINGS</h3>
$var1 = $_GET["files"]["name"]; <?php
echo '<audio src='.$num.' controls></audio><br /><br />'; } $files = glob("uploads/1/*");
?> for ($i=0; $i<count($files); $i++)
{$num = $files[$i];
$var1 = $_GET["files"]["name"];
echo '<audio src='.$num.' controls></audio><br /><br />'; }
?>
</div>
</div> </div>

@ -1 +1 @@
The player is an audio archive of voices and sounds from the meetings I have co-organised, references from my research, various internet sources, and soundwalks that I have done. It is a digital utterance that intends to be a reminder to the first forms of excluded female vocal expressions. I am using this material in my podcasts by mixing and overlayering them and creating a form of narrative with my own voice. The player is an audio archive of voices and sounds from the meetings I have co-organised, references from my research, various internet sources, and city sounds with descriptions. It is a digital utterance that intends to be a reminder to the first forms of excluded female vocal expressions. I am using this material in my podcasts by mixing and overlayering them and creating a form of narrative with my own voice.
Loading…
Cancel
Save