sintoniza/index.html

188 lines
6.9 KiB
HTML
Raw Normal View History

2023-05-06 22:32:09 +02:00
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8"/>
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>sintoniza.sindominio.net - tu streaming en sindominio - plataforma de emisiones en directo autogestionada por sindominio.net</title>
<link rel="stylesheet" type="text/css" href="assets/video-js.min.css">
<link rel="stylesheet" type="text/css" href="https://sindominio.net/semantic/semantic.min.css">
<link rel="stylesheet" type="text/css" href="https://sindominio.net/css/style.css">
2023-05-06 22:52:25 +02:00
<script src="assets/jquery-3.6.1.slim.min.js"></script>
<script src="assets/video.min.js "></script>
<link rel="stylesheet" type="text/css" href="assets/styles-sintoniza.css">
2023-05-06 22:32:09 +02:00
<style type="text/css">
</style>
</head>
<body class="">
<main id="container">
<header>
<nav class="ui stackable teal inverted borderless menu">
<div class="item" style="margin-left: 2em;">
<img src="https://sindominio.net/img/sd-logo-bn-196.png" alt="logotipo sd">
</div>
<a class="active item" href="https://sindominio.net/">Inicio</a>
<div class="ui dropdown item" tabindex="0">
Herramientas <i class="dropdown icon"></i>
<div class="menu" tabindex="-1">
<a class="item" href="https://mail.sindominio.net">
<i class="envelope icon purple"></i>Correo
</a>
<a class="item" href="https://listas.sindominio.net">
<i class="envelope icon purple"></i>Listas
</a>
<a class="item" href="https://humo.sindominio.net">
<i class="cloud icon purple"></i>Nextcloud
</a>
<a class="item" href="https://git.sindominio.net">
<i class="git icon purple"></i>Git
</a>
<a class="item" href="https://chat.sindominio.net">
<i class="comment icon purple"></i>Chat
</a>
<a class="item" href="https://charlar.sindominio.net/mumble/?webrtc=false">
<i class="microphone icon purple"></i>Mumble
</a>
<a class="item" href="https://charlar.sindominio.net/jitsi">
<i class="video icon purple"></i>Jitsi
</a>
<a class="item" href="https://lowry.sindominio.net/">
<i class="heart icon purple"></i>Tu cuenta
</a>
</div>
</div>
<a class="item" href="https://sindominio.net/quienes_somos/">Quienes somos</a>
<a class="item" href="https://sindominio.net/apoyo/">Apoya este proyecto</a>
<a class="item" href="https://sindominio.net/contacto/">Contacto</a>
</nav>
</header>
<div id="content-wrapper">
<div id="main" class="ui container">
<section>
<header class="">
<h1 id="title">sintoniza.sindominio.net</h1>
</header>
<article id="content">
<content class="live-streaming">
<video id="video" class="video-js" controls preload="auto" data-setup="{}"></video>
<div id="instructions" style="display:none;">
<p>
Para emitir en directo (crear un nuevo stream) sigue estos pasos:
<ol>
<li>escoge un <em>nombre_stream</em> único (una palabra que tenga sentdio para tu emisión)</li>
<li>ponlo en tu sofware de emisión de manera que envie la señal a <a href="rtmp://sintoniza.sindominio.net/entrada/"><em>rtmp://sintoniza.sindominio.net/entrada/</em></a> con la llave (strem key) <i>nombre_stream</i> que tu has elegido en el paso anterior.
</p>
<p>
En ese momento podrás ver el directo en:
<ul>
<li>https://sintoniza.sindominio.net/#<b>nombre_stream</b></li>
</ul>
</p>
<p>
Tambien puedes usar reproductor de video favorito (por ejemplo VLC) o incrustar el vídeo en tu web usarndo este enlace (URL):
<ul>
<li>https://sintoniza.sindominio.net/canal/<b>nombre_stream</b>.m3u8</li>
</ul>
</p>
</div>
</content>
</article>
</section>
</div>
</div>
<footer class="">
</footer>
</main>
<footer id="footer" class="sd-color ">
<div class="ui equal width center aligned padded grid">
<div class="row">
<div class="column firma-sd">
<i class="show-desktop">por un dominio antagonista en la red</i>
<a href="https://sindominio.net/" title="ir a SinDominio.net" class="ui mini image">
<span class="sd-logo"><i>SinDominio.net</i></span>
</a>
<i class="show-desktop">por la necesidad de comunicar libremente</i>
</div>
</div>
</div>
<div class="ui vertical segment">
<div class="ui container">
<div class="ui stackable inverted equal height centered stackable grid">
<div class="four wide column">
<h4 class="ui inverted header">Nosotras</h4>
<div class="ui inverted link list">
<a href="/quienes_somos/" class="item">Quienes somos</a>
<a href="/apoyo/" class="item">Apoyo</a>
<a href="https://wp.sindominio.net/sd/" class="item">Nuestro blog</a>
<a href="/historia/" class="item">Historia</a>
<a href="/contacto/" class="item">Contacto</a>
</div>
</div>
<div class="four wide column">
<h4 class="ui inverted header">Ayuda</h4>
<div class="ui inverted link list">
<a href="/participacion/" class="item">Quiero participar</a>
<a href="/ayuda/" class="item">Nuestras herramientas</a>
<a href="/otrosrecursos/" class="item">Otros recursos</a>
<a href="/referencias/" class="item">Proyetos afines</a>
</div>
</div>
</div>
</div>
</div>
</footer>
2023-05-06 22:52:25 +02:00
<script>
// TODO
/*
$('.ui.dropdown')
.dropdown()
;
*/
</script>
2023-05-06 22:32:09 +02:00
<script>
$(function() {
if (window.location.hash) {
var name = window.location.hash.substr(1);
console.log('playing "' + name + '"');
$('#title').text('sintoniza.sindominio.net - ' + name);
var v = videojs('video');
v.src({type: 'application/x-mpegURL', src: '/canal/' + name + '.m3u8'});
} else {
$('#video').hide();
$('#instructions').show();
}
});
</script>
</body>
</html>