<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width"/>
<title>Files...</title>
<link rel="stylesheet" href="/transmissions/.theme/css/fancyindex.css">
<link rel="stylesheet" href="/transmissions/.theme/plyr/plyr.css">
<style>
div#playerContainer { visibility: collapse; position: fixed; bottom: 0; width: calc(100% - 16px); height: 70px; background: white; border-top: 1px solid darkgray; }
div#playerTrack { font-family: "ProximaNova"; height: 20px; line-height: 20px; text-align: center; font-weight: bold; }
td > a { display: inline-block !important; }
td > button { display: inline-block; width: 16px; height: 16px; margin: 0 8px 0 0; padding: 0; border: none; vertical-align: middle; background: none; background-image: url('/transmissions/.theme/images/play.svg'); background-repeat: no-repeat; background-size: 16px 16px; background-clip: border-box; cursor: pointer; }
</style>
<script src="/transmissions/.theme/plyr/plyr.min.js"></script>
<script>
window.playify = function(event) {
if(!document || !document.body)
return;
var oldButtons = document.querySelectorAll('td > button');
for(var i = (oldButtons.length - 1); i >= 0; i--) {
var oldButton = oldButtons[i];
oldButton.parentElement.removeChild(oldButton);
}
var links = document.querySelectorAll('td > a[href$="mp3"], td > a[href$="MP3"], td > a[href$="wav"], td > a[href$="WAV"]');
for(var i = 0; i < links.length; i++) {
var link = links[i];
var playbutton = document.createElement("button");
playbutton.className = "play";
var func = function(href, name) {
playbutton.onclick = function() {
window.playTrack(href, name);
}
};
func(link.href, link.title);
link.parentElement.insertBefore(playbutton, link);
}
};
window.document.title = window.decodeURI(window.location.pathname);
window.LoadDesc = function(href) {
window.playify();
httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var txt = this.responseText;
if(txt.length <= 0)
return;
var ele = document.createElement("div");
ele.className = "desc";
document.getElementById("list").parentElement.insertBefore(ele,document.getElementById("list"));
txt = txt.split("\r\n");
for(var i = 0; i < txt.length; i++) {
var row = document.createElement("div");
row.innerText = txt[i];
ele.appendChild(row);
}
}
};
httpRequest.open("GET", href + ".description.txt", true);
httpRequest.send();
};
window.LoadDesc(window.location);
window.playTrack = function(url, name) {
document.getElementById("playerContainer").style.visibility = "visible";
window.player.source = {
type: 'audio',
title: name,
sources: [{
src: url,
type: ('audio/' + url.substr(-3)).toLowerCase(),
}]
};
document.getElementById("playerTrack").innerText = name;
window.player.play();
};
window.addEventListener("load", window.playify);
</script>
</head>
<body>
<div class="box box-breadcrumbs" style="margin-bottom: 70px;">
<div class="box-header">
<div class="box-header-content">
<div id="breadcrumbs" class="breadcrumbs">
<a href="#"></a>
</div>
</div>
</div>
<div class="box-content clearfix">
<h1>Index of:
/transmissions/2025-04-12 1930/Français/</h1>
<table id="list"><thead><tr><th style="width:55%"><a href="?C=N&O=A">File Name</a> <a href="?C=N&O=D"> ↓ </a></th><th style="width:20%"><a href="?C=S&O=A">File Size</a> <a href="?C=S&O=D"> ↓ </a></th><th style="width:25%"><a href="?C=M&O=A">Date</a> <a href="?C=M&O=D"> ↓ </a></th></tr></thead>
<tbody><tr><td class="link"><a href="../">Parent directory/</a></td><td class="size">-</td><td class="date">-</td></tr>
<tr><td class="link"><a href="FR%20Krefeld%201986%2005%2031%2019h30%20Jean15.mp3" title="FR Krefeld 1986 05 31 19h30 Jean15.mp3">FR Krefeld 1986 05 31 19h30 Jean15.mp3</a></td><td class="size">57.7 MiB</td><td class="date">2025-Mar-26 19:20</td></tr>
</tbody></table>
</div>
</div>
<script>
var loc = window.location.pathname;
var segments = loc.split('/');
var breadcrumbs = '';
var currentPath = '/';
for (var i=0; i<segments.length; i++) {
if (segments[i] !== '') {
currentPath += segments[i] + '/';
breadcrumbs += '<a href="' + currentPath + '">' + window.decodeURIComponent(segments[i]) + '<\/a>';
} else if (segments.length -1 !== i) {
currentPath += '';
breadcrumbs += '<a href="' + currentPath + '">Root<\/a>';
}
}
document.getElementById('breadcrumbs').innerHTML = breadcrumbs;
</script>
<script src="/transmissions/.theme/js/history.js"></script>
<div id="playerContainer">
<div id="playerTrack"></div>
<audio id="player" controls>
</audio>
</div>
<script>
window.player = new Plyr('#player', {
iconUrl: '/transmissions/.theme/plyr/plyr.svg',
});
</script>
</body>
</html>