added transcritpions and images

master
Angeliki 6 years ago
parent 53e60751a5
commit 04691ea8c5

@ -108,33 +108,34 @@
<div class="drag-content"> <div class="drag-content">
<?php include 'texts/amplification.txt'; ?> <?php include 'texts/amplification.txt'; ?>
</div> </div>
</div>
<div class="draggable" style="top: 1070px; right: 0px;"> <div class="draggable" style="top: 1270px; right: 200px;">
<h2 ><a href="">Diary of West Rotterdam</a></h2> <h2 ><a href="">Diary of West Rotterdam</a></h2>
</div> </div>
<div class="draggable" style="top: 1000px; right: 0px;"> <div class="draggable" style="top: 1000px; right: 10px;">
<h2 ><a href="player.php">Player</a></h2> <h2 ><a href="player.php">Player</a></h2>
</div> </div>
<div class="draggable" style="top: 800px; right: 0px;"> <div class="draggable" style="top: 800px; right: 335px;">
<h2 ><a href="index.php">About</a></h2> <h2 ><a href="index.php">About</a></h2>
</div> </div>
<div class="draggable" style="top: 270px; right: 100px;z-index: 1;"> <div class="draggable" style="top: 970px; left: 100px;z-index: 1;">
<h2 ><a href="podcast4.php">Podcast4</a></h2> <h2 ><a href="podcast4.php">Podcast4</a></h2>
</div> </div>
<div class="draggable" style="top: 220px; right: 10px;"> <div class="draggable" style="top: 420px; left: 10px;">
<h2 ><a href="podcast1.php">Podcast1</a></h2> <h2 ><a href="podcast1.php">Podcast1</a></h2>
</div> </div>
<div class="draggable" style="top: 320px; right: 50px;"> <div class="draggable" style="top: 1220px; left: 150px;">
<h2 ><a href="podcast2.php">Podcast2</a></h2> <h2 ><a href="podcast2.php">Podcast2</a></h2>
</div> </div>
<div class="draggable" style="top: 420px; right: 80px;"> <div class="draggable" style="top: 820px; left: 80px;">
<h2 ><a href="podcast3.php">Podcast3</a></h2> <h2 ><a href="podcast3.php">Podcast3</a></h2>
</div> </div>
<div class="draggable" style="top: 900px; right: 0px; z-index: 9;"> <div class="draggable" style="top: 900px; right: 430px; z-index: 9;">
<h2 ><a href="thesis-angeliki.php">"Let' s Talk About Unspeakable Things"</a></h2> <h2 ><a href="thesis-angeliki.php">"Let' s Talk About Unspeakable Things"</a></h2>
</div> </div>

@ -81,82 +81,119 @@ $("#katalin").click(function(){
<section> <section>
<div class="draggable" style="position:absolute; top:12%; left:51%;width: 270px"> <div class="draggable" style="position:absolute; top:12%; left:51%;width: 270px">
<audio controls src="audio/leeszaal-meetings-warming.mp3"></audio><p>warming up @Leeszaal</p> <audio controls src="audio/leeszaal-meetings-warming.mp3"></audio>
<a href="images/meeting-20190328-leeszaal-6.jpg" target="_blank">
<img src="images/meeting-20190328-leeszaal-6.jpg" width="270px">
</a>
<p>warming up @Leeszaal</p>
</div> </div>
<div class="draggable" style="position:absolute; top:15%; left:41%; width: 270px"> <div class="draggable" style="position:absolute; top:15%; left:41%; width: 270px">
<audio controls src="audio/leeszaal-meeting-extracts-20190523.mp3"></audio>
<a href="images/meeting-20190523-leeszaal-6.jpg" target="_blank">
<img src="images/meeting-20190523-leeszaal-6.jpg" width="270px">
</a>
<p>reading extracts @outside Leeszaal</p>
</div>
<div class="draggable" style="position:absolute; top:18%; left:37%; width: 270px">
<audio controls src="audio/leeszaal-meetings-choir.mp3"></audio> <audio controls src="audio/leeszaal-meetings-choir.mp3"></audio>
<a href="images/vowels-20190328-leeszaal.jpg" target="_blank">
<img src="images/vowels-20190328-leeszaal.jpg" width="270px"> <img src="images/vowels-20190328-leeszaal.jpg" width="270px">
<p>singing vowels @Leeszaal</p> </a>
<p>singing vowels @outside Leeszaal</p>
</div> </div>
<div class="draggable" style="position:absolute; top:20%; left:63%;width: 270px"> <div class="draggable" style="position:absolute; top:20%; left:63%;width: 270px">
<audio controls src="audio/leeszaal-meeting-warming-20190523.mp3"></audio><p>warming up @Leeszaal</p> <audio controls src="audio/leeszaal-meeting-warming-20190523.mp3"></audio>
<a href="images/meeting-20190523-leeszaal-7.jpg" target="_blank">
<img src="images/meeting-20190523-leeszaal-7.jpg" width="270px">
</a>
<p>warming up @outside Leeszaal</p>
</div>
<div class="draggable" style="position:absolute; top:25%; left:66%;width: 270px">
<audio controls src="audio/distort_leeszaal_20190523-1341.mp3" ></audio>
<a href="" target="_blank">
<img src="images/meeting-20190523-leeszaal-2.jpg" width="270px">
</a>
<p>personal experiences-distorted voice @outside Leeszaal</p>
</div> </div>
<div class="draggable" style="position:absolute; top:30%; left:70%;width: 270px"> <div class="draggable" style="position:absolute; top:30%; left:70%;width: 270px">
<audio controls src="audio/finearts-meeting-discussion.mp3"></audio><img src="images/meeting-20190329-finearts-1.JPG" width="270px" /> <audio controls src="audio/finearts-meeting-discussion.mp3"></audio>
<a href="" target="_blank"><img src="images/meeting-20190329-finearts-1.JPG" width="270px" /></a>
<p>discussing about voice in public @Fine Arts</p> <p>discussing about voice in public @Fine Arts</p>
</div> </div>
<div class="draggable" style="position:absolute; top:42%; left:75%;width: 270px"> <div class="draggable" style="position:absolute; top:42%; left:75%;width: 270px">
<audio controls src="audio/leeszaal-meetings-transcribing.mp3"></audio><img src="images/meeting-20190328-leeszaal-1.JPG" width="270px" /> <audio controls src="audio/leeszaal-meetings-transcribing.mp3"></audio>
<a href="" target="_blank"><img src="images/meeting-20190328-leeszaal-1.JPG" width="270px" /></a>
<p>transcribing vowels @Leeszaal</p> <p>transcribing vowels @Leeszaal</p>
</div> </div>
<div class="draggable" style="position:absolute; top:55%; left:69%;width: 270px"> <div class="draggable" style="position:absolute; top:55%; left:73%;width: 270px">
<audio controls src="audio/finearts-meeting-choir.mp3"></audio><img src="images/vowels-20190329-finearts.jpg" width="270px" /><p>singing vowels @Fine Arts</p> <audio controls src="audio/finearts-meeting-choir.mp3"></audio>
<a href="" target="_blank"><img src="images/vowels-20190329-finearts.jpg" width="270px" /></a>
<p>singing vowels @Fine Arts</p>
</div> </div>
<div class="draggable" style="position:absolute; top:65%; left:63%;width: 270px"> <div class="draggable" style="position:absolute; top:65%; left:70%;width: 270px">
<audio controls src="audio/distort_leeszaal_20190523-1336.mp3" ></audio> <audio controls src="audio/distort_leeszaal_20190523-1336.mp3" ></audio>
<a href="" target="_blank">
<img src="images/meeting-20190523-leeszaal-1.jpg" width="270px"> <img src="images/meeting-20190523-leeszaal-1.jpg" width="270px">
<p>singing vowels-distorted voice @Leeszaal</p> </a>
</div> <p>singing vowels-distorted voice @outside Leeszaal</p>
<div class="draggable" style="position:absolute; top:70%; left:53%;width: 270px">
<audio controls src="audio/distort_leeszaal_20190523-1341.mp3" ></audio>
<img src="images/meeting-20190523-leeszaal-2.jpg" width="270px">
<p>personal experiences-distorted voice @Leeszaal</p>
</div> </div>
<div class="draggable" style="position:absolute; top:23%; left:32%;width: 270px"> <div class="draggable" style="position:absolute; top:23%; left:32%;width: 270px">
<audio controls src="audio/finearts-meeting-transcribing.mp3"></audio> <audio controls src="audio/finearts-meeting-transcribing.mp3"></audio>
<a href="" target="_blank">
<img src="images/meeting-20190329-finearts-2.JPG" width="270px" /> <img src="images/meeting-20190329-finearts-2.JPG" width="270px" />
</a>
<p>transcribing vowels @Fine Arts</p> <p>transcribing vowels @Fine Arts</p>
</div> </div>
<div class="draggable" style="position:absolute; top:27%; left:29%; width: 270px"> <div class="draggable" style="position:absolute; top:27%; left:29%; width: 270px">
<audio controls src="audio/finearts-meeting-extracts.mp3"></audio> <audio controls src="audio/finearts-meeting-extracts.mp3"></audio>
<a href="images/carson-extract.jpg" target="_blank">
<img src="images/carson-extract.jpg" width="270px" /> <img src="images/carson-extract.jpg" width="270px" />
</a>
<p>reading extracts @Fine Arts</p> <p>reading extracts @Fine Arts</p>
</div> </div>
<div class="draggable" style="position:absolute; top:33%; left:26%;width: 270px;"> <div class="draggable" style="position:absolute; top:33%; left:26%;width: 270px;">
<audio controls src="audio/leeszaal-meeting-transcribing-20190523.mp3"></audio> <audio controls src="audio/leeszaal-meeting-transcribing-20190523.mp3"></audio>
<a href="images/meeting-20190523-leeszaal-4.jpg" target="_blank">
<img src="images/meeting-20190523-leeszaal-4.jpg" width="270px"> <img src="images/meeting-20190523-leeszaal-4.jpg" width="270px">
<p>transcribing vowels @Leeszaal</p> </a>
<p>transcribing vowels @outside Leeszaal</p>
</div> </div>
<div class="draggable" style="position:absolute; top:46%; left:28%; width: 270px"> <div class="draggable" style="position:absolute; top:46%; left:28%; width: 270px">
<audio controls src="audio/leeszaal-meetings-discussion.mp3"></audio> <audio controls src="audio/leeszaal-meetings-discussion.mp3"></audio>
<img src="images/meeting-20190328-leeszaal-2.JPG" width="270px" /> <a href="" target="_blank">
<img src="images/meeting-20190328-leeszaal-2.JPG" width="270px" /></a>
<p>discussing about voice in public @Leeszaal </p> <p>discussing about voice in public @Leeszaal </p>
</div> </div>
<div class="draggable" style="position:absolute; top:57%; left:33%;width: 270px;"> <div class="draggable" style="position:absolute; top:57%; left:30%;width: 270px;">
<audio controls src="audio/finearts-meeting-choirhigh.mp3"></audio><p>singing vowels (high) @Fine Arts</p> <audio controls src="audio/finearts-meeting-choirhigh.mp3"></audio>
<a href="images/meeting-20190329-finearts-5.JPG" target="_blank"><img src="images/meeting-20190329-finearts-5.JPG" width="270px" /></a>
<p>singing vowels (high) @Fine Arts</p>
</div> </div>
<div class="draggable" style="position:absolute; top:66%; left:41%;width: 270px;"> <div class="draggable" style="position:absolute; top:66%; left:32%;width: 270px;">
<audio controls src="audio/finearts-meeting-warming.mp3"></audio><p>warming up @Fine Arts</p> <audio controls src="audio/finearts-meeting-warming.mp3"></audio>
<a href="images/meeting-20190329-finearts-4.JPG" target="_blank"><img src="images/meeting-20190329-finearts-4.JPG" width="270px" /></a>
<p>warming up @Fine Arts</p>
</div> </div>
@ -171,7 +208,7 @@ $("#katalin").click(function(){
<section style="margin-top: 1300px !important;"> <section style="margin-top: 1300px !important;">
<div class="tooltip-wrap"> <div class="tooltip-wrap">
<audio style="width: 100%;" id="a1" controls src="audio/selection-track-extracts-1.mp3"></audio> <audio style="width: 100%;" id="a1" controls src="audio/selection-track-extracts-1.mp3"></audio><a href="" target="_blank">
<div class="tooltip-content-up"> <div class="tooltip-content-up">
<!-- have to add id="transcriptWrapper..." --> <!-- have to add id="transcriptWrapper..." -->
<div>selection of recordings while wandering around Leeszaal</div> <div>selection of recordings while wandering around Leeszaal</div>
@ -180,7 +217,7 @@ $("#katalin").click(function(){
</div> </div>
<div class="tooltip-wrap"> <div class="tooltip-wrap">
<audio ontimeupdate="playTranscript()" style="width: 100%; background: #222;" id="a2" controls src="audio/description-lidia-CUT.mp3"></audio> <audio ontimeupdate="playTranscript()" style="width: 100%; background: #222;" id="a2" controls src="audio/description-lidia-CUT.mp3"></audio><a href="" target="_blank">
<div class="tooltip-content-up"> <div class="tooltip-content-up">
<div id="transcriptWrapper" class='sub'> <div id="transcriptWrapper" class='sub'>
<h3>Lidia</h3> <h3>Lidia</h3>
@ -199,7 +236,7 @@ $("#katalin").click(function(){
<div class="tooltip-wrap"> <div class="tooltip-wrap">
<audio ontimeupdate="playTranscript3()" style="width: 100%; background: #222;" id="a3" controls src="audio/description-eugenie-CUT-SHORT.mp3"></audio> <audio ontimeupdate="playTranscript3()" style="width: 100%; background: #222;" id="a3" controls src="audio/description-eugenie-CUT-SHORT.mp3"></audio><a href="" target="_blank">
<div class="tooltip-content-up"> <div class="tooltip-content-up">
<div id="transcriptWrapper3" class='sub'> <div id="transcriptWrapper3" class='sub'>
<h3>Eugenie</h3> <h3>Eugenie</h3>
@ -222,7 +259,7 @@ $("#katalin").click(function(){
<div class="tooltip-wrap"> <div class="tooltip-wrap">
<!-- have to add ontimeupdate="playTranscript3()" --> <!-- have to add ontimeupdate="playTranscript3()" -->
<audio style="width: 100%; background: #222;" id="a4" controls src="audio/description-alex1.mp3"></audio> <audio style="width: 100%; background: #222;" id="a4" controls src="audio/description-alex1.mp3"></audio><a href="" target="_blank">
<div class="tooltip-content-up"> <div class="tooltip-content-up">
<!-- have to add id="transcriptWrapper..." --> <!-- have to add id="transcriptWrapper..." -->
<div class='sub'> <div class='sub'>
@ -254,7 +291,7 @@ Oh, I hear children in the background crying</div>
<!-- second sounwalk player --> <!-- second sounwalk player -->
<div class="tooltip-wrap"> <div class="tooltip-wrap">
<audio style="width: 100%; background: #FFFFFF;" id="b1" controls src="audio/selectionB.mp3"></audio> <audio style="width: 100%; background: #FFFFFF;" id="b1" controls src="audio/selectionB.mp3"></audio><a href="" target="_blank">
<div class="tooltip-content-up"> <div class="tooltip-content-up">
<!-- have to add id="transcriptWrapper..." --> <!-- have to add id="transcriptWrapper..." -->
<img src="images/20190128-track-annotated.png" width="100%"> <img src="images/20190128-track-annotated.png" width="100%">
@ -263,7 +300,7 @@ Oh, I hear children in the background crying</div>
<div class="tooltip-wrap"> <div class="tooltip-wrap">
<!-- have to add ontimeupdate="playTranscript3()" --> <!-- have to add ontimeupdate="playTranscript3()" -->
<audio style="width: 100%; background: #222;" id="b2" controls src="audio/description-tommi.mp3"></audio> <audio style="width: 100%; background: #222;" id="b2" controls src="audio/description-tommi.mp3"></audio><a href="" target="_blank">
<div class="tooltip-content-up"> <div class="tooltip-content-up">
<!-- have to add id="transcriptWrapper..." --> <!-- have to add id="transcriptWrapper..." -->
<div class='subB'> <div class='subB'>
@ -291,7 +328,7 @@ Oh, I hear children in the background crying</div>
<div class="tooltip-wrap"> <div class="tooltip-wrap">
<!-- have to add ontimeupdate="playTranscript3()" --> <!-- have to add ontimeupdate="playTranscript3()" -->
<audio style="width: 100%; background: #222;" id="b3" controls src="audio/description-alex2.mp3"></audio> <audio style="width: 100%; background: #222;" id="b3" controls src="audio/description-alex2.mp3"></audio><a href="" target="_blank">
<div class="tooltip-content-up"> <div class="tooltip-content-up">
<!-- have to add id="transcriptWrapper..." --> <!-- have to add id="transcriptWrapper..." -->
<div class='subB'> <div class='subB'>
@ -344,28 +381,30 @@ Oh, I hear children in the background crying</div>
<div class="drag-content"> <div class="drag-content">
<?php include 'texts/player.txt'; ?> <?php include 'texts/player.txt'; ?>
</div> </div>
</div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 200px; right: 0px;width: 150px; font-size: 16px"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 200px; right: 0px;width: 150px; font-size: 16px">
<h2 ><a href="index.php">About</a></h2> <h2 ><a href="index.php">About</a></h2>
</div> </div>
<div class="draggable" style="top: 270px; right: -1500;z-index: 1;">
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 400px; right: 0px; z-index: 9;width: 250px; font-size: 16px">
<h2 ><a href="thesis-angeliki.php">"Let' s Talk About Unspeakable Things"</a></h2>
</div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 970px; left: 100px;z-index: 1;">
<h2 ><a href="podcast4.php">Podcast4</a></h2> <h2 ><a href="podcast4.php">Podcast4</a></h2>
</div> </div>
<div class="draggable" style="top: 1%; right: -1910px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 260px; left: 120px;">
<h2 ><a href="podcast1.php">Podcast1</a></h2> <h2 ><a href="podcast1.php">Podcast1</a></h2>
</div> </div>
<div class="draggable" style="top: 2%px; right: -1700px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 920px; left: 150px;">
<h2 ><a href="podcast2.php">Podcast2</a></h2> <h2 ><a href="podcast2.php">Podcast2</a></h2>
</div> </div>
<div class="draggable" style="top: 3%px; right: -1880px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 820px; left: 80px;">
<h2 ><a href="podcast3.php">Podcast3</a></h2> <h2 ><a href="podcast3.php">Podcast3</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 400px; right: 0px; z-index: 9;width: 250px; font-size: 16px">
<h2 ><a href="thesis-angeliki.php">"Let' s Talk About Unspeakable Things"</a></h2>
</div>
<!-- end draggable --> <!-- end draggable -->

@ -18,14 +18,14 @@
<!-- draggable menu--> <!-- draggable menu-->
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 740px; right: 300px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 740px; right: 300px;">
<h2><a href="amplification.html">Amplification of female voices</a></h2> <h2><a href="amplification.php">Amplification of female voices</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 948.6px; right: 30px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 948.6px; right: 30px;">
<h2 ><a href="">Diary of West Rotterdam</a></h2> <h2 ><a href="">Diary of West Rotterdam</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 848.533px; right: 5px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 848.533px; right: 5px;">
<h2 ><a href="player.html">Player</a></h2> <h2 ><a href="player.php">Player</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 540px; right: 1900px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 540px; right: 1900px;">
<h2 ><a href="index.php">About</a></h2> <h2 ><a href="index.php">About</a></h2>
@ -50,7 +50,7 @@
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 640px; right: 2000px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 640px; right: 2000px;">
<h2 ><a href="thesis-angeliki.html">"Let' s Talk About Unspeakable Things"</a></h2> <h2 ><a href="thesis-angeliki.php">"Let' s Talk About Unspeakable Things"</a></h2>
</div> </div>
<br><br><br><br><br><br> <br><br><br><br><br><br>

@ -18,14 +18,14 @@
<!-- draggable menu--> <!-- draggable menu-->
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 740px; right: 300px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 740px; right: 300px;">
<h2><a href="amplification.html">Amplification of female voices</a></h2> <h2><a href="amplification.php">Amplification of female voices</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 948.6px; right: 30px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 948.6px; right: 30px;">
<h2 ><a href="">Diary of West Rotterdam</a></h2> <h2 ><a href="">Diary of West Rotterdam</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 848.533px; right: 5px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 848.533px; right: 5px;">
<h2 ><a href="player.html">Player</a></h2> <h2 ><a href="player.php">Player</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 540px; right: 1900px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 540px; right: 1900px;">
<h2 ><a href="index.php">About</a></h2> <h2 ><a href="index.php">About</a></h2>
@ -50,7 +50,7 @@
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 640px; right: 2000px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 640px; right: 2000px;">
<h2 ><a href="thesis-angeliki.html">"Let' s Talk About Unspeakable Things"</a></h2> <h2 ><a href="thesis-angeliki.php">"Let' s Talk About Unspeakable Things"</a></h2>
</div> </div>
<br><br><br><br><br><br> <br><br><br><br><br><br>

@ -18,14 +18,14 @@
<!-- draggable menu--> <!-- draggable menu-->
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 740px; right: 300px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 740px; right: 300px;">
<h2><a href="amplification.html">Amplification of female voices</a></h2> <h2><a href="amplification.php">Amplification of female voices</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 948.6px; right: 30px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 948.6px; right: 30px;">
<h2 ><a href="">Diary of West Rotterdam</a></h2> <h2 ><a href="">Diary of West Rotterdam</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 848.533px; right: 5px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 848.533px; right: 5px;">
<h2 ><a href="player.html">Player</a></h2> <h2 ><a href="player.php">Player</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 540px; right: 1900px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 540px; right: 1900px;">
<h2 ><a href="index.php">About</a></h2> <h2 ><a href="index.php">About</a></h2>
@ -50,7 +50,7 @@
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 640px; right: 2000px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 640px; right: 2000px;">
<h2 ><a href="thesis-angeliki.html">"Let' s Talk About Unspeakable Things"</a></h2> <h2 ><a href="thesis-angeliki.php">"Let' s Talk About Unspeakable Things"</a></h2>
</div> </div>
<br><br><br><br><br><br> <br><br><br><br><br><br>

@ -18,14 +18,14 @@
<!-- draggable menu--> <!-- draggable menu-->
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 740px; right: 300px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 740px; right: 300px;">
<h2><a href="amplification.html">Amplification of female voices</a></h2> <h2><a href="amplification.php">Amplification of female voices</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 948.6px; right: 30px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 948.6px; right: 30px;">
<h2 ><a href="">Diary of West Rotterdam</a></h2> <h2 ><a href="">Diary of West Rotterdam</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 848.533px; right: 5px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 848.533px; right: 5px;">
<h2 ><a href="player.html">Player</a></h2> <h2 ><a href="player.php">Player</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 540px; right: 1900px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 540px; right: 1900px;">
<h2 ><a href="index.php">About</a></h2> <h2 ><a href="index.php">About</a></h2>
@ -50,7 +50,7 @@
<div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 640px; right: 2000px;"> <div class="draggable scaleable-wrapper" id="scaleable-wrapper" style="top: 640px; right: 2000px;">
<h2 ><a href="thesis-angeliki.html">"Let' s Talk About Unspeakable Things"</a></h2> <h2 ><a href="thesis-angeliki.php">"Let' s Talk About Unspeakable Things"</a></h2>
</div> </div>
<br><br><br><br><br><br> <br><br><br><br><br><br>

@ -0,0 +1,10 @@
from pydub.utils import mediainfo
from pydub import AudioSegment
import argparse
ap = argparse.ArgumentParser("metadatatohtml")
ap.add_argument("mp3")
args = ap.parse_args()
sound= AudioSegment.from_file(args.mp3, format="mp3")
file=sound.export(args.mp3, tags={"title":"Channeling Speech", "narrator":"angeliki", "topic":"transcribing, translating, human microphone, mediating each other's speech"})

@ -0,0 +1,38 @@
from pydub import AudioSegment
from pydub.utils import mediainfo
import pprint
import argparse
ap = argparse.ArgumentParser("metadatatohtml")
ap.add_argument("mp3")
args = ap.parse_args()
z = mediainfo(args.mp3)
# sound= AudioSegment.from_file("podcasts/3_podcast.mp3", format="mp3")
# file=sound.export("out.mp3", tags={"podcaster":"lain"})
# print (mediainfo("out.mp3"))
def dict_to_html(dd, level=0):
"""
Convert dict to html using basic html tags
"""
import simplejson
text = ''
for k, v in dd.items():
text += '<br>' + '&nbsp;'*(4*level) + '<b>%s</b>: %s' % (k, dict_to_html(v, level+1) if isinstance(v, dict) else (simplejson.dumps(v) if isinstance(v, list) else v))
return text
def dict_to_html_ul(dd, level=0):
"""
Convert dict to html using ul/li tags
"""
import simplejson
text = '<ul>'
for k, v in dd.items():
text += '<li><b>%s</b>: %s</li>' % (k, dict_to_html_ul(v, level+1) if isinstance(v, dict) else (simplejson.dumps(v) if isinstance(v, list) else v))
text += '</ul>'
return text
print (dict_to_html_ul(z, level=0))

@ -5,7 +5,7 @@ ap.add_argument("srt")
args = ap.parse_args() args = ap.parse_args()
srt= pysrt.open(args.srt) srt= pysrt.open(args.srt)
print("<div class='sub'>") print("<div id='transcriptWrapper' class='sub'>")
for t in srt: for t in srt:
print ('<div><a data-start="{1}" href="#">{0}</a> {2}</div>'.format(t.start, t.start.ordinal/1000.0, t.text)) print ('<div><a data-start="{1}" href="#">{0}</a> {2}</div>'.format(t.start, t.start.ordinal/1000.0, t.text))
print ("</div>") print ("</div>")

@ -17,6 +17,10 @@ a {
text-decoration: none; text-decoration: none;
} }
a img {
line-height: 0px;
}
.navbar { .navbar {
letter-spacing: 4px; letter-spacing: 4px;
text-align: center; text-align: center;

@ -1 +1 @@
This is a documentation of a series of meetings/workshops I am organising together with Christina Karagianni. Our intentions come from personal experiences and we seek to explore the silencing of excluded voices, and go beyond their barriers. We combine our practices -her practice lies on choreography and dance and mine on social interaction, voice and sound- in moments of <a href="http://www.leeszaalrotterdamwest.nl/" >Leeszaal</a>, an open local library, a public space of diversity. How can we engage politically with the exclusion of specific voices from the public sphere? Here I document my attempts to create a safe common space of trying methods and discussing that topic in Leeszaal, an open library that I consider a diverse public space. I am borrowing methods from feminist groups and protest movements and vocal warming up exercises by Pauline Oliveros. For example, protesters would amplify the speaker's voice by repeating collectively their speech to make their presence visible. Feminists would create safe spaces where women could speak about domestic violence and make a dialogue based on listening. Some methods are vocal performances in situ, the "human microphone", speech acts, listening practices, making podcasts, mediating speech, transform our voices, situated experiments. <div class="tooltip-wrap" style="display: inline;text-decoration:underline;">We invite <div class="tooltip-content-right" ><div>how we should approch the gender terminology and false association with voice when inviting people? Should it be about femme sounding? Female voice? </div></div></div>people from Leeszaal and our environment, who find themselves related and interested to this topic. Elements from the meetings: discuss previous material, reading extracts in random order, <div class="tooltip-wrap" style="display: inline;text-decoration:underline;">discuss <div class="tooltip-content-right" ><div>what conflicts or frictions the technical aspect provokes? web-audio, recordings</div></div></div>personal associations and experiences with voice in public, warm up, say a sentence of personal experience in any language, transcribe only the vowels, read back the vowels, read outloud all together the score of vowels, repeat sentences with distorted voice, make podcasts. The produced material is being included in an audio archive, the player. This is a documentation of a series of meetings/workshops I am organising together with Christina Karagianni. Our intentions come from personal experiences and we seek to explore the silencing of excluded voices, and go beyond their barriers. We combine our practices -her practice lies on choreography and dance and mine on social interaction, voice and sound- in moments of <a href="http://www.leeszaalrotterdamwest.nl/" >Leeszaal</a>, an open local library, a public space of diversity. How can we engage politically with the exclusion of specific voices from the public sphere? We are borrowing methods from feminist groups and protest movements and vocal warming up exercises by Pauline Oliveros. For example, protesters would amplify the speaker's voice by repeating collectively their speech to make their presence visible. Feminists would create safe spaces where women could speak about domestic violence and make a dialogue based on listening. <div class="tooltip-wrap" style="display: inline;text-decoration:underline;">We invite <div class="tooltip-content-right" ><div>how we should approch the gender terminology and false association with voice when inviting people? Should it be about femme sounding? Female voice? </div></div></div>people from Leeszaal and our environment, who find themselves related and interested to this topic. Elements from the meetings: discuss previous material, reading extracts in random order, <div class="tooltip-wrap" style="display: inline;text-decoration:underline;">discuss <div class="tooltip-content-right" ><div>what conflicts or frictions the technical aspect provokes? web-audio, recordings</div></div></div>personal associations and experiences with voice in public, warming up, say a sentence of personal experience in any language, transcribe only the vowels of it, read back the vowels, read outloud all together the score of vowels, speak with distorted voice, make podcasts. The produced material is being included in an audio archive, the player.

Loading…
Cancel
Save