2022-04-08 02:47:03 +02:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
2022-04-13 20:40:34 +02:00
< title > [BunkerBOX] Home _WHO_< / title >
2022-04-08 02:47:03 +02:00
< link rel = "icon" type = "image/png" href = "styles/logo.png" / >
2022-04-11 17:14:07 +02:00
< link rel = "stylesheet" href = "styles/decoration.css" type = "text/css" / >
< link rel = "stylesheet" href = "styles/layout.css" type = "text/css" / >
2022-04-08 02:47:03 +02:00
< link rel = "stylesheet" href = "styles/video-js.css" type = "text/css" / >
< link rel = "stylesheet" href = "styles/forest.css" type = "text/css" / >
2022-04-21 17:12:04 +02:00
< link rel = "stylesheet" href = "styles/tagcloud.css" type = "text/css" / >
2022-04-11 13:59:42 +02:00
< script src = "js/jquery.min.js" > < / script >
2022-04-11 17:14:07 +02:00
< script src = "js/video.min.js" > < / script >
2022-04-11 13:59:42 +02:00
< script src = "js/pagination.min.js" > < / script >
2022-04-21 17:12:04 +02:00
< script src = "js/tagcloud.js" > < / script >
2022-04-11 13:59:42 +02:00
< link rel = "stylesheet" href = "styles/pagination.css" / >
2022-04-08 02:47:03 +02:00
< / head >
< body >
< header >
< h6 >
< a href = "_IPNSL_" target = "bunker" > "< span > BunkerBOX< / span > "< / a > /ipfs/
< / h6 >
< / header >
< main >
2022-04-21 22:54:31 +02:00
< article >
< div class = "row justify-center" >
< h1 class = "video-title" >
2022-04-23 17:13:18 +02:00
< a href = "https://git.p2p.legal/qo-op/bunkerbox" target = "code" > 'BunkerBOX' est une extension de l'hebergement 'Crowdbunker'< / a > .< br >
2022-04-21 23:15:35 +02:00
< a target = "code" href = "http://opencollective.com/monnaie-libre/projects/bunker-box" > Copiez, conservez, partagez, diffusez vos chaines vidéos et multimédia dans IPFS!< br >
2022-04-23 17:13:18 +02:00
Prenez possession des clefs. Rendez in-censurable, in-arrêtable la liberté d'expression.< / a >
2022-04-21 22:54:31 +02:00
< / h1 >
< / div >
< / article >
2022-04-11 13:24:24 +02:00
< center >
< div class = "row justify-center" >
< video
id="vbunk"
class="video-js vjs-theme-forest"
controls
preload="auto"
width="auto" height="360"
poster="_VUID_.jpg"
>
< source src = "_VUID_.m3u8" type = "application/x-mpegURL" / >
< p class = "vjs-no-js" >
Activer JavaScript SVP
< / p >
< / video >
< / div >
2022-04-12 01:50:59 +02:00
< p class = "video-title" >
_TITLE_
< / p >
2022-04-11 13:24:24 +02:00
< / center >
2022-04-08 02:47:03 +02:00
< div id = "videosList" > < div class = "wrapper" > < / div > < / div >
2022-04-21 22:54:31 +02:00
2022-04-08 02:47:03 +02:00
< article >
< div class = "row justify-center" >
2022-04-23 17:13:18 +02:00
< p > < b > Activez votre Journal, récupérez la clef de votre canal !< / b >
2022-04-08 02:47:03 +02:00
< br >
< ul >
2022-04-08 19:25:59 +02:00
< li > Débutant, sous Windows ou Mac ? Installez IPFS Desktop à votre OS: < a href = "https://github.com/ipfs/ipfs-desktop/releases" target = "code" > IPFS Desktop< / a > < / li >
< li > Plus aguerri ou sous Linux? Ajoutez 'go-ipfs' à votre système: < a href = "https://github.com/ipfs/go-ipfs/releases" target = "code" > go-ipfs< / a > < / li >
< li > Rendez votre navigateur compatible avec le compagnon IPFS < a href = "https://github.com/ipfs/ipfs-companion/releases" target = "code" > < b > ipfs-companion< / b > < / a > !!< / li >
2022-04-08 02:47:03 +02:00
< / ul >
2022-04-21 18:49:04 +02:00
Bunker BOX ready ?< br >
< b > Contactez support@qo-op.com< / b > < br >
2022-04-08 02:47:03 +02:00
< / p >
< / div >
< / article >
2022-04-21 22:54:31 +02:00
2022-04-11 18:17:20 +02:00
< div id = "calendarList" > < div class = "wrapper thumbnail" > < / div > < / div >
2022-04-11 00:50:10 +02:00
2022-04-08 02:47:03 +02:00
< center >
< h6 >
< a href = "_IPNSL_" > _\/_ < / a > powered by < a href = "https://astroport.com" > < span > "< / span > Astroport< span > "< / span > < / a >
< / h6 >
< / center >
2022-10-15 20:29:06 +02:00
< center >
< div id = "channels" class = "row justify-center" > < / div >
< / center >
2022-04-08 02:47:03 +02:00
< / main >
2022-10-15 20:29:06 +02:00
2022-04-08 02:47:03 +02:00
< / body >
2022-04-11 17:30:48 +02:00
< script >
var player = videojs('vbunk', {
});
< / script >
2022-04-08 02:47:03 +02:00
< script >
2022-04-11 00:50:10 +02:00
$.getJSON('./history.json', function (json) {
2022-04-08 02:47:03 +02:00
$('#videosList').pagination({
dataSource: json.Videos,
pageSize: 1,
callback: function(data, pagination) {
var wrapper = $('#videosList .wrapper').empty();
$.each(data, function (i, f) {
$('#videosList .wrapper').append('< ul > < li > ' + f.link + '< / li > < / ul > ');
});
}
});
});
2022-04-11 00:50:10 +02:00
$.getJSON('./calendar.json', function (json) {
$('#calendarList').pagination({
dataSource: json.History,
pageSize: 1,
callback: function(data, pagination) {
var wrapper = $('#calendarList .wrapper').empty();
$.each(data, function (i, f) {
$('#calendarList .wrapper').append('< ul > < li > ' + f.link + '< / li > < / ul > ');
});
}
});
});
2022-04-08 02:47:03 +02:00
var arrTimes = [];
var i = 0; // start
var timesToTest = 5;
var tThreshold = 150; //ms
var testImage = "https://tube.copylaradio.com/ipfs/QmUUyiuCM4yXgaeGyqC2SVUUXZksuxhDfHQYpUpZPuL2oS/astroport.jpg"; // small image in your server
var dummyImage = new Image();
var isConnectedFast = false;
testLatency(function(avg){
isConnectedFast = (avg < = tThreshold);
/** output */
document.body.appendChild(
document.createTextNode("Time: " + (avg.toFixed(2)) + "ms - Bunker BOX ready ? " + isConnectedFast)
);
});
/** test and average time took to download image from server, called recursively timesToTest times */
function testLatency(cb) {
var tStart = new Date().getTime();
if (i< timesToTest-1 ) {
dummyImage.src = testImage + '?t=' + tStart;
dummyImage.onload = function() {
var tEnd = new Date().getTime();
var tTimeTook = tEnd-tStart;
arrTimes[i] = tTimeTook;
testLatency(cb);
i++;
};
} else {
/** calculate average of array items then callback */
var sum = arrTimes.reduce(function(a, b) { return a + b; });
var avg = sum / arrTimes.length;
cb(avg);
}
}
2022-04-21 17:09:44 +02:00
$(document).ready(function() {
let options = {
container: {
width: 630,
2022-04-21 18:00:30 +02:00
backgroundColor: '#000000',
2022-04-21 17:09:44 +02:00
//fontFamily: '"Times New Roman", Times, serif',
},
tag: {
format: '< a href = "{tag.link}" > {tag.name}< / a > : {tag.weight}',
2022-10-15 20:31:50 +02:00
maxFontSize: 21, // max font size in pixels
minFontSize: 4, // min font size in pixels
2022-04-21 17:09:44 +02:00
textShadow: true // enable text shadow
},
2022-10-15 20:29:06 +02:00
data: _TAGCLOUD_
2022-04-21 17:09:44 +02:00
}
$('#channels').tagCloud(options);
});
2022-04-08 02:47:03 +02:00
< / script >
2022-04-22 10:16:29 +02:00
<!-- Matomo Tag Manager -->
< script >
var _mtm = window._mtm = window._mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
2022-04-22 10:28:55 +02:00
g.async=true; g.src='https://piwik.p2p.legal/js/container_XDhfGZPj.js'; s.parentNode.insertBefore(g,s);
2022-04-22 10:16:29 +02:00
< / script >
<!-- End Matomo Tag Manager -->
2022-04-08 02:47:03 +02:00
< / html >