web-narrowcast/index.html
2022-12-13 16:15:23 +01:00

372 lines
18 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>NARROWCAST</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- <link href="https://vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet" /> -->
<!-- OUR STYLES -->
<link rel="stylesheet" type="text/css" media="all" href="narrowstyle.css"></link>
<link rel="stylesheet" type="text/css" media="all" href="narrowstyle-extra.css"></link>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type='text/css'>
<!-- OUR SCRIPTS -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="narrowscripts.js"></script>
<script type="text/javascript" src="narrowskin.js"></script>
</head>
<body>
<div class="linkmore">
<a href="https://vvvvvvaria.org/logs/zamopuzo" target="_blank">back ↗ stage </a>
<br>
<a href="https://stream.vvvvvvaria.org/about.html"> about ↯ over ↻ </a>
</div>
<div id="side" class="sidebar sidemin">
<button class="minimize" onclick="fside()"></button>
<div class="sidetop">
<!-- ADD A FUTURE EVENT HERE -->
<!-- once the event is over remember to move to the sidebottom section -->
<!-- if no event is left please add this placeholder: <p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer TBA binnenkort! -->
<p>more TBA soon! <a href="https://varia.zone/en" target="_blank" > &#128064; </a> <br> meer binnenkort! </p>
</div>
<div class="middle">
<!-- <p>⇈ Soon<br>⇈ Binnenkort</p> -->
<!-- <p id="livetitle">LIVE NOW ⇶ </p> -->
<!-- <p><br>MONTH XX, XXXX<br>(time): <a href="XXX" target="_blank"><span id="livetitle">XXX</span></a><br><br></p> -->
<!-- ADD A CURRENT LIVE EVENT HERE -->
<p id="livetitle">LIVE NOW ⇶ </p>
<p><br>December 13th, 2022<br>19:00-20:30 (CET)<br><a href="http://varia.zone/en/define-art.html" target="_blank"><span id="livetitle">
Fine Art<br>End Term</span></a><br><br></p>
<p>⇊ Previous broadcasts<br>⇊ Vorige uitzendingen </p>
<p><br>(<a href="https://vvvvvvaria.org/archive/">Archive/Archief</a>)</p>
</div>
<div class="sidebottom">
<p><br>November 25th, 2022<br> 16:00-18:00 (CET) <a href="http://varia.zone/en/streaming-with-infrafem-2.html" target="_blank"><span id="">Streaming with Infrafem (Pukllasunchi, Clara Balaguer, Varia Broadcasts)</span></a></p>
<p><br>November 21st, 2022<br> 16:00-21:00 (CET) <a href="https://vvvvvvaria.org/archive/2022-11-21-All-Ears-for-Gina/" target="_blank"><span id="">All Ears for Jina</span></a></p>
<p><br>November 4th, 2022<br> 19:00 (CEST): <a href="https://vvvvvvaria.org/en/5y-varia.html" target="_blank"><span id="">5 year anniVARIAssary! </span></a></p>
<p>October 21st, 2022<br>20:00-21:00 (CEST): <a href="https://varia.zone/radio-activity.html" target="_blank"><span id="">Radio Activity - I smell Patchouli</span></a></p>
<p><br>October 5th, 2022<br>18:00-19:00 (CEST): <a href="https://varia.zone/en/publishing-partyline.html" target="_blank"><span id="">Publishing Partyline, Broadcast #3: web-to-print in education, with Julien Bidoret & Quentin Juhel</span></a><br><br></p>
<p>September 29th-30th, Sonic Liberation Front, Women Life Freedom<a href="https://cloud.disroot.org/apps/files_sharing/publicpreview/wFzqNR8yrHidif3?x=1080&y=1125&a=true&file=IMG_20220929_142643_959.jpg&scalingup=0" target="_blank"></a></p>
<p>September 21st, 2022<br>18:00-19:00 (CEST): <a href="https://varia.zone/en/publishing-partyline.html" target="_blank">Publishing Partyline, Broadcast #2: dependency relations in the ecosystem, with Paged.js</a></p>
<p>September 7th, 2022<br>18:00-19:00 (CEST): <a href="https://varia.zone/en/publishing-partyline.html" target="_blank">Publishing Partyline, Broadcast #1: standards and work arounds, with Open Source Publishing (OSP)</a></p>
<p>23 maart / March '22: A Transversal Network of Feminist Servers (<a href="https://varia.zone/atnofs-varia.html" target="_blank">een radio uitzending</a> / <a href="https://varia.zone/en/atnofs-varia.html" target="_blank">a radio broadcast</a>)</a></p>
<p>18 December '21: <a href="http://varia.zone/en/usercond04.html" target="_blank">The User Condition #04 - "Losing Your Data is Good for You" - with Dave Young </a></p>
<p>17 December '21: <a href="http://varia.zone/en/double-launch-si16-and-vernaculars-come-to-matter.html" target="_blank">Double publication launch: <em>Learning How to Walk While Catwalking</em> and <em>Vernaculars come to matter</em></a></p>
<p>17 December '21: <a href="https://vvvvvvaria.org/archive/2021-12-17_Radio_Activity_Wireless_Orchestra/" target="_blank" >Radio Activity ↝ a Wireless Orchestra ↜ </a></p>
<p>5 December '21: <a href="http://varia.zone/en/cc-nlcl-tales.html" target="_blank">Ch◦re◦graphing C◦ding ↝ tales from real-time collaborative audio-visual coding ↜ </a></p>
<p>29-30 November'21: <a href="https://radioee.net/" target="_blank"> Mirroring the 24hr radio marathon ROOTS </a></p>
<p>29 July'21: <a href="https://vvvvvvaria.org/usercond03.html" target="_blank">The User Condition #03 - met Anaëlle Beignon </a></p>
<p>24 July'21: <a href="https://vvvvvvaria.org/fhm-2.html" target="_blank">Feminist Hack Meetings #2 - Polyphonic Radio Ensemble</a></p>
<p>12 July'21: <a href="" target="_blank">Waste/d voices and infrastructures</a></p>
<p>12-14 June'21: <a href="https://vvvvvvaria.org/archive/2021-05-20-Sonic-Liberation-Front" target="_blank">Mirroring Radio Alhara: Sonic Liberation Front</a></p>
<p>11 June'21: <a href="" target="_blank">Ecstatic Speech</a></p>
<p>19-23 May'21: <a href="https://vvvvvvaria.org/archive/2021-05-20-Sonic-Liberation-Front" target="_blank">Mirroring Radio Alhara: Sonic Liberation Front</a></p>
<p>17 May'21: <a href="https://vvvvvvaria.org/usercond02.html" target="_blank">The User Condition #02 - Met Brendan Howell </a></p>
<p>28 March'21: <a href="https://varia.zone/en/rr-sense-full-1.html" target="_blank">Read &amp; Repair</a></p>
<p>23 March'21: <a href="http://varia.zone/en/usercond01.html" target="_blank">User Condition S01E01</a></p>
<p>13 March'21: <a href="https://varia.zone/en/fhm-servers-migrations.html" target="_blank">FHM #1 Feminist Hack Meetings: Feminist Servers</a></p>
<p>28 February'21: <a href="https://varia.zone/en/rr-wireless-imagination-2.html" target="_blank">Read &amp; Repair: Wireless Imagination</a></p>
<p>27 June'20: <a href="https://varia.zone/en/corporeal-whispers.html" target="_blank">RE#SISTER: Corporeal Whispers</a></p>
<p>19 June'20: <a href="https://varia.zone/en/Groeten_Charlois.html" target="_blank">Niek Hilkmann - Groeten uit Charlois</a></p>
<p>18 April'20: <a href="https://varia.zone/en/we-hope-this-email.html" target="_blank">We hope this email finds you well</a></p>
<p>14 March'20:<a href="https://varia.zone/en/radio-on-radio.html" target="_blank">Radio on the Radio</a></p>
</div>
</div>
<div class="live live-flex">
<!-- BUTTONS HIDE SHOW MEDIA -->
<div class="b_allmedia">
<!-- audio streaming or files -->
<button onclick="hideshowAudio()" class="" id="button_au">LISTENING <br> LUISTEREN</button>
<!-- image multiple -->
<button onclick="hideshowGal()" class="" id="button_gal">GALLERY <br> GALERIJ</button>
<!-- video streaming or files
<button onclick="hideshowVideo()" class="show_button" id="button_vid">WATCHING <br> KIJKEN</button> -->
<!-- chat -->
<button onclick="hideshowChat()" class="" id="button_chat">CHATTING <br> CHATTEN</button>
<!-- image single
<button onclick="hideshowIMG()" class="" id="button_img">IMAGE <br> BEELD</button>-->
<!-- etherpad
<button onclick="hideshowPad()" class="" id="button_ether">WRITING <br> SCHRIJVEN</button>-->
<!-- jitsi or alike
<button onclick="hideshowJitsi()" class="" id="button_jit">CALLING <br> BELLEN</button>-->
<!-- PDFs
<button onclick="hideshowEssay()" class="" id="button_ess">READING <br> LEZING</button>-->
</div>
<!-- MEDIA CONTENT -->
<!-- MARQUEE PLACEHOLDER — CHANGE THE TEXT -->
<!-- if online: -->
<!-- " ♪ . *⁽⁽ ◝꒰´꒳`∗꒱◟ ₎₎₊· * ON AIR ♪ ♬ ヾclick on the buttons on the right side to display the different modalities ノ ♬ ♪ ON AIR ♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪ " -->
<marquee scrolldelay="92">" ♪ . *⁽⁽ ◝꒰´꒳`∗꒱◟ ₎₎₊· * ON AIR ♪ ♬ ヾclick on the buttons on the right side to display the different modalities ノ ♬ ♪ ON AIR ♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪ "</marquee>
<!-- if offline: -->
<!--<marquee scrolldelay="92">" ♬ ¨ * • WELCOME TO THE VARIA NARROWCAST • ♬ °¸. there is currently no event happening, please check our agenda @ varia.zone "</marquee>-->
<!-- AUDIO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/logs/zamopuzo/audio/varia_broadcasts_jingle1.mp3 -->
<div class="audio-stream fullscreen" id="showAudio">
<audio id="player" preload="none">
<source src="https://voice.vvvvvvaria.org/narrowcast" type="audio/mpeg">
Your browser does not support the audio element. Try the direct link to the audio below!
</audio>
<p>
Press play to tune in! It might take a few seconds to load...<br>
Druk op "play" om te luisteren! Het kan een paar seconden duren voordat je iets hoort...
</p>
<div class="audio-buttons">
<button id="audioButton" class="stream-button b-narrow" onclick="Play()">Play</button>
<script>
var audio = document.getElementById("player");
audio.volume = 0.6;
var butn = document.getElementById("audioButton");
function Play() {
if(audio.paused) {
audio.play();
butn.innerText = "Pause";
}
else {
audio.pause();
butn.innerText = "Play";
}
}
</script>
<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume += 0.1">Vol +</button>
<button class="stream-button b-narrow vol" onclick="document.getElementById('player').volume -= 0.1">Vol -</button>
</div>
<span class="audio-link">(<a class="windowlinks" href="https://voice.vvvvvvaria.org/narrowcast" target="_blank">direct link to audio</a>)</span>
</div>
<!-- IMAGE GALLERY -->
<!-- PLACEHOLDER links:
https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/a_safe_image.php.jpeg
https://vvvvvvaria.org/archive/varia-server/7e920c7f_Screenshot%20from%202020-03-21%2019-07-20.png
https://vvvvvvaria.org/archive/varia-server/varia-home-red.png
https://vvvvvvaria.org/archive/varia-server/welcome.png -->
<div class="img-gallery" id="showGal">
<!-- <p class="img-gallery-title"> ⇩ IMAGE ⇊ GALLERY ⇘ IMAGE ⇊ GALERIJ ⇩ </p> -->
<figure>
<img alt="AnikaTheAbsurd" src="./broadcast3/0.jpg"><br>
AnikaTheAbsurd ~ Greatest Hits
(<a class="windowlinks" href="./broadcast3/0.jpg" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="Sknipa" src="./broadcast3/1.jpg"><br>
KlanKlan ~ Sknipa
(<a class="windowlinks" href="./broadcast3/1.jpg" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="Image from Vera's project" src="./broadcast3/2.jpg"><br>
Amand Pierard ~ Dreaming in blue
(<a class="windowlinks" href="./broadcast3/2.jpg" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="Tale from above the volcano" src="./broadcast3/3.jpeg"><br>
Dori Detlaf ~ Tale from above the volcano
(<a class="windowlinks" href="./broadcast3/3.jpeg" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="Luna.2" src="./broadcast3/4.png"><br>
Luna ~ Luna.2
(<a class="windowlinks" href="./broadcast3/4.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="Das machine" src="./broadcast3/5.jpg"><br>
Vitrinekast Soundsystems ~ Das machine
(<a class="windowlinks" href="./broadcast3/5.jpg" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="Borbála Magdolna Pál" src="./broadcast3/6.png"><br>
Borbála Magdolna Pál ~ The state comes last in line when it comes to taking responsibility for the marginalized
(<a class="windowlinks" href="./broadcast3/6.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="Louisa" src="./broadcast3/7.jpg"><br>
Louisa ~ untitled
(<a class="windowlinks" href="./broadcast3/7.jpg" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="alternative universe created by me" src="./broadcast3/8.png"><br>
Renske Maria de Raad ~ alternative universe created by me
(<a class="windowlinks" href="./broadcast3/8.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="Mar" src="./broadcast3/9.jpeg"><br>
Mar ~ Mar by mar by mar by mar
(<a class="windowlinks" href="./broadcast3/9.jpeg" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="Ekko" src="./broadcast3/10.jpeg"><br>
Ekko ~ tanpınarın gözyaşlar
(<a class="windowlinks" href="./broadcast3/10.jpeg" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="decadence" src="./broadcast3/11.png"><br>
Jessica Kuhn ~ decadence
(<a class="windowlinks" href="./broadcast3/11.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="Lito-1" src="./broadcast3/12.png"><br>
Jeancarlo Balootje ~ Lito-1
(<a class="windowlinks" href="./broadcast3/12.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="The wandering womb" src="./broadcast3/13.png"><br>
Pleuntje ~ The wandering womb
(<a class="windowlinks" href="./broadcast3/13.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="Waters of the Moon" src="./broadcast3/14.png"><br>
Emily Browne ~ Waters of the Moon
(<a class="windowlinks" href="./broadcast3/14.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="huisruis" src="./broadcast3/15.png"><br>
An ~ huisruis
(<a class="windowlinks" href="./broadcast3/15.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="Le Dordszine" src="./broadcast3/16.png"><br>
Mariana ~ Le Dordszine
(<a class="windowlinks" href="./broadcast3/16.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="praying child" src="./broadcast3/17.jpg"><br>
Vera Costa ~ praying child
(<a class="windowlinks" href="./broadcast3/17.jpg" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="anti pop song" src="./broadcast3/18.png"><br>
Rijn aka ruimtewisser ~ anti pop song
(<a class="windowlinks" href="./broadcast3/18.png" target="_blank" alt="">link to image</a>)
</figure>
<figure>
<img alt="untitled kuthu sessions" src="./broadcast3/19.png"><br>
Sakhi ~ untitled kuthu sessions
(<a class="windowlinks" href="./broadcast3/19.png" target="_blank" alt="">link to image</a>)
</figure>
</div>
<!-- VIDEO -->
<!-- PLACEHOLDER link: https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4 -->
<div class="halfscreen hide" id="showVideo">
<video
id="player"
class="video-js vjs-default-skin"
controls
preload="none"
poster="video-poster.png"
>
<source
src="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4"
type="video/mp4"
/>
</video>
<br>
(<a class="windowlinks" href="https://vvvvvvaria.org/archive/2021-01+02-Read-and-Repair_Wireless-Imagination/tv-varia.mp4" target="_blank">direct link to this video</a>)
</div>
<!-- IMAGE -->
<!-- PLACEHOLDER link: https://varia.zone/images/de_varia.jpg -->
<figure class="halfscreen hide" id="showImg">
<img src="https://vvvvvvaria.org/archive/2022-11-21-All-Ears-for-Gina/instagram%20post%20jina.png">
<br>
(<a class="windowlinks" href="https://vvvvvvaria.org/archive/2022-11-21-All-Ears-for-Gina/instagram%20post%20jina.png" alt="">link to image</a>)
</figure>
<!-- ETHERPAD -->
<!-- PLACEHOLDER link: https://pad.vvvvvvaria.org/varia.broadcast.intro
PLACEHOLDER desc: Varia Narrowcast Intro-->
<div class="halfscreen hide" id="showEther">
<iframe src="https://pad.vvvvvvaria.org/All_Ears_for_Jina"></iframe><br>
Live transcriptions pad
(<a class="windowlinks" href="https://pad.vvvvvvaria.org/All_Ears_for_Jina" target="_blank">direct link to this pad</a>)
</div>
<!-- CHAT -->
<!-- PLACEHOLDER link: https://chat.vvvvvvaria.org/ -->
<div class="fullscreen" id="showChat">
<iframe src="https://chat.vvvvvvaria.org/"></iframe><br>
Chat room
(<a class="windowlinks" href="https://chat.vvvvvvaria.org/" target="_blank">direct link this chat</a>)
</div>
<!-- JITSI -->
<!-- PLACEHOLDER link: https://meet.jit.si/varia.example -->
<!--<div class="fullscreen hide" id="showJit">
<iframe src="https://meet.jit.si/varia.example" allow="camera; microphone" width="640" height="800" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen>
</iframe>
<br>
(<a class="windowlinks" href="https://meet.jit.si/varia.example" target="_blank">direct link to this Jitsi room</a>)
</div>
-->
<!-- ESSAY -->
<!-- PLACEHOLDER link: https://etherdump.vvvvvvaria.org/publish/digital-solidarity-networks.raw.html -->
<div class="fullscreen hide" id="showEssay">
<iframe src="https://vvvvvvaria.org/archive/2022-11-21-All-Ears-for-Gina/All%20ears%20for%20Jina%20-%20listening%20guide.pdf"></iframe><br>
(<a class="windowlinks" href="https://vvvvvvaria.org/archive/2022-11-21-All-Ears-for-Gina/All%20ears%20for%20Jina%20-%20listening%20guide.pdf" target="_blank">direct link to text</a>)
</div>
<!-- here is an example if you would like to add an iframe -->
<!-- <iframe class="halfscreen hide" id="showEssay" src="https://loading.vvvvvvaria.org" width="600" height="680" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe> -->
</body>
<script type="text/javascript" src="narrowscripts.js"></script>
</html>