188 lines
6.9 KiB
HTML
188 lines
6.9 KiB
HTML
<!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">
|
|
<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">
|
|
<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>
|
|
<script>
|
|
// TODO
|
|
/*
|
|
$('.ui.dropdown')
|
|
.dropdown()
|
|
;
|
|
*/
|
|
</script>
|
|
|
|
<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>
|
|
|