Téléverser les fichiers vers "/"
This commit is contained in:
@@ -0,0 +1,2 @@
|
|||||||
|
README.md
|
||||||
|
.git
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
FROM nginx:1.27-alpine
|
||||||
|
COPY nginx.conf /etc/nginx/conf.d/default.conf
|
||||||
|
COPY index.html services.html tarifs.html souverainete.html contact.html mentions-legales.html robots.txt sitemap.xml /usr/share/nginx/html/
|
||||||
|
COPY assets /usr/share/nginx/html/assets
|
||||||
|
EXPOSE 80
|
||||||
+126
@@ -0,0 +1,126 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Contact — InLive We Stream</title>
|
||||||
|
<meta name="description" content="Demandez une démonstration, un accès de test ou un devis pour votre production à distance.">
|
||||||
|
<link rel="canonical" href="https://inlivewestream.com/contact.html">
|
||||||
|
<link rel="icon" href="/assets/favicon.svg" type="image/svg+xml">
|
||||||
|
<link rel="stylesheet" href="/assets/style.css">
|
||||||
|
<meta property="og:title" content="Contact — InLive We Stream">
|
||||||
|
<meta property="og:description" content="Demandez une démonstration, un accès de test ou un devis pour votre production à distance.">
|
||||||
|
<meta property="og:url" content="https://inlivewestream.com/contact.html">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a class="skip" href="#main">Aller au contenu</a>
|
||||||
|
|
||||||
|
<header class="site-header">
|
||||||
|
<div class="wrap">
|
||||||
|
<a class="brand" href="/"><span class="dot" aria-hidden="true"></span>InLive We Stream</a>
|
||||||
|
<nav class="nav" aria-label="Navigation principale">
|
||||||
|
<a href="/services.html">Services</a>
|
||||||
|
<a href="/tarifs.html">Tarifs</a>
|
||||||
|
<a href="/souverainete.html">Souveraineté</a>
|
||||||
|
<a href="/contact.html" aria-current="page" class="cta">Nous contacter</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main id="main">
|
||||||
|
|
||||||
|
<section class="page-head">
|
||||||
|
<div class="wrap">
|
||||||
|
<h1>Parlons de votre prochain direct</h1>
|
||||||
|
<p class="lead">Décrivez votre événement, nous revenons vers vous sous un jour ouvré avec une proposition ou un accès de test.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="wrap contact-grid">
|
||||||
|
<form class="form" method="post" action="/api/contact" id="contact-form">
|
||||||
|
<div class="row">
|
||||||
|
<label>Nom<input type="text" name="name" required autocomplete="name"></label>
|
||||||
|
<label>Organisation<input type="text" name="org" autocomplete="organization"></label>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<label>E-mail<input type="email" name="email" required autocomplete="email"></label>
|
||||||
|
<label>Téléphone <span class="hint">facultatif</span><input type="tel" name="phone" autocomplete="tel"></label>
|
||||||
|
</div>
|
||||||
|
<label>Votre besoin
|
||||||
|
<select name="need" id="need">
|
||||||
|
<option value="test">Tester un point d'entrée SRT (1 h offerte)</option>
|
||||||
|
<option value="essentiel">Abonnement Essentiel</option>
|
||||||
|
<option value="production">Abonnement Production</option>
|
||||||
|
<option value="broadcast">Abonnement Broadcast (devis)</option>
|
||||||
|
<option value="remi">Production à distance clé en main</option>
|
||||||
|
<option value="location">Location de boîtier terrain</option>
|
||||||
|
<option value="installation">Installation chez nous</option>
|
||||||
|
<option value="autre">Autre</option>
|
||||||
|
</select>
|
||||||
|
</label>
|
||||||
|
<label>Votre événement <span class="hint">date, lieu, nombre de caméras, destinations de diffusion</span>
|
||||||
|
<textarea name="message" rows="6" required></textarea>
|
||||||
|
</label>
|
||||||
|
<label style="display:none" aria-hidden="true">Ne pas remplir<input type="text" name="website" tabindex="-1" autocomplete="off"></label>
|
||||||
|
<label class="small" style="font-weight:400; grid-template-columns: auto 1fr; align-items:start; gap:0.6rem;">
|
||||||
|
<input type="checkbox" name="consent" required style="margin-top:0.3rem">
|
||||||
|
<span>J'accepte que ces informations servent à traiter ma demande. Elles ne sont ni cédées ni utilisées à d'autres fins. <a href="/mentions-legales.html#donnees">En savoir plus</a>.</span>
|
||||||
|
</label>
|
||||||
|
<div>
|
||||||
|
<button class="btn btn-primary" type="submit">Envoyer la demande</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<aside class="contact-aside">
|
||||||
|
<h3>Par e-mail</h3>
|
||||||
|
<p><a href="mailto:contact@inlivewestream.com">contact@inlivewestream.com</a></p>
|
||||||
|
<h3>Par téléphone</h3>
|
||||||
|
<p>+33 (0)X XX XX XX XX, du lundi au vendredi, 9 h à 18 h.</p>
|
||||||
|
<h3>Pendant un direct</h3>
|
||||||
|
<p>Les clients sous abonnement disposent d'un numéro d'astreinte communiqué à la mise en service.</p>
|
||||||
|
<h3>Un problème en cours ?</h3>
|
||||||
|
<p>Consultez la <a href="https://status.inlivewestream.com">page de statut</a> avant de nous écrire : les incidents connus y sont publiés.</p>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Présélectionne l'offre si l'URL contient ?offre=...
|
||||||
|
(function () {
|
||||||
|
var offre = new URLSearchParams(location.search).get('offre');
|
||||||
|
var select = document.getElementById('need');
|
||||||
|
if (offre && select && select.querySelector('option[value="' + offre + '"]')) select.value = offre;
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="site-footer">
|
||||||
|
<div class="wrap">
|
||||||
|
<div>
|
||||||
|
<h4>InLive We Stream</h4>
|
||||||
|
<p>Remote production audiovisuelle. Serveurs en France, logiciels libres.</p>
|
||||||
|
<p style="margin-top:0.75rem"><span class="status">Tous les services fonctionnent</span> — <a href="https://status.inlivewestream.com">page de statut</a></p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Offre</h4>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/services.html">Services</a></li>
|
||||||
|
<li><a href="/tarifs.html">Tarifs</a></li>
|
||||||
|
<li><a href="/souverainete.html">Souveraineté</a></li>
|
||||||
|
<li><a href="/contact.html">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Informations</h4>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/mentions-legales.html">Mentions légales</a></li>
|
||||||
|
<li><a href="/mentions-legales.html#donnees">Données personnelles</a></li>
|
||||||
|
<li><a href="mailto:contact@inlivewestream.com">contact@inlivewestream.com</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+221
@@ -0,0 +1,221 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>InLive We Stream — Remote production audiovisuelle souveraine</title>
|
||||||
|
<meta name="description" content="Transport vidéo, régie à distance et diffusion pour les directs professionnels. Hébergé en France, sur des logiciels libres, sans boîte noire.">
|
||||||
|
<link rel="canonical" href="https://inlivewestream.com/">
|
||||||
|
<link rel="icon" href="/assets/favicon.svg" type="image/svg+xml">
|
||||||
|
<link rel="stylesheet" href="/assets/style.css">
|
||||||
|
<meta property="og:title" content="InLive We Stream — Remote production souveraine">
|
||||||
|
<meta property="og:description" content="Transport vidéo, régie à distance et diffusion pour les directs professionnels. Hébergé en France, sur des logiciels libres.">
|
||||||
|
<meta property="og:url" content="https://inlivewestream.com/">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a class="skip" href="#main">Aller au contenu</a>
|
||||||
|
|
||||||
|
<header class="site-header">
|
||||||
|
<div class="wrap">
|
||||||
|
<a class="brand" href="/"><span class="dot" aria-hidden="true"></span>InLive We Stream</a>
|
||||||
|
<nav class="nav" aria-label="Navigation principale">
|
||||||
|
<a href="/services.html">Services</a>
|
||||||
|
<a href="/tarifs.html">Tarifs</a>
|
||||||
|
<a href="/souverainete.html">Souveraineté</a>
|
||||||
|
<a href="/contact.html" class="cta">Nous contacter</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main id="main">
|
||||||
|
|
||||||
|
<section class="hero">
|
||||||
|
<div class="wrap">
|
||||||
|
<div>
|
||||||
|
<h1>Vos directs arrivent en régie, quel que soit le réseau sur place.</h1>
|
||||||
|
<p class="lead">Nous transportons vos flux vidéo depuis le terrain jusqu'à votre régie ou la nôtre, puis vers vos diffuseurs. Le tout passe par des serveurs en France et des logiciels libres que vous pouvez auditer.</p>
|
||||||
|
<div class="btn-row">
|
||||||
|
<a class="btn btn-primary" href="/contact.html">Demander une démonstration</a>
|
||||||
|
<a class="btn btn-secondary" href="/services.html">Voir les services</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<figure class="signal" aria-label="Exemple de supervision d'un flux : trois liens mobiles agrégés en un seul flux stable.">
|
||||||
|
<div class="signal-top">
|
||||||
|
<span class="tally">EN DIRECT</span>
|
||||||
|
<span class="name">Caméra 1, stade municipal</span>
|
||||||
|
<span class="meta">SRT · 1080p50</span>
|
||||||
|
</div>
|
||||||
|
<div class="links">
|
||||||
|
<div class="link"><span>Modem A (5G)</span><span class="bar"><i style="width:78%"></i></span><span class="val">6,1 Mb/s</span></div>
|
||||||
|
<div class="link"><span>Modem B (5G)</span><span class="bar"><i style="width:54%"></i></span><span class="val">4,2 Mb/s</span></div>
|
||||||
|
<div class="link down"><span>Modem C (4G)</span><span class="bar"><i style="width:14%"></i></span><span class="val">0,9 Mb/s</span></div>
|
||||||
|
<div class="link sum"><span>Flux agrégé</span><span class="bar"><i style="width:100%"></i></span><span class="val">11,2 Mb/s</span></div>
|
||||||
|
</div>
|
||||||
|
<div class="signal-foot">
|
||||||
|
<div>Latence caméra → régie<strong>0,68 s</strong></div>
|
||||||
|
<div>Paquets récupérés<strong>100 %</strong></div>
|
||||||
|
<div>Point d'entrée<strong>Gravelines (FR)</strong></div>
|
||||||
|
</div>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="section-head">
|
||||||
|
<h2>Trois briques, que vous prenez ensemble ou séparément</h2>
|
||||||
|
<p class="muted">Vous avez déjà une régie ? Nous ne vendons que le transport. Vous n'avez rien ? Nous produisons de bout en bout.</p>
|
||||||
|
</div>
|
||||||
|
<div class="pillars">
|
||||||
|
<article class="live">
|
||||||
|
<h3>Contribution depuis le terrain</h3>
|
||||||
|
<p>Un boîtier compact agrège plusieurs liens 4G/5G, satellite ou filaires et envoie un seul flux fiable. Si un lien tombe, l'image ne coupe pas. Location à la journée, ou mise à disposition avec technicien.</p>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<h3>Régie à distance</h3>
|
||||||
|
<p>Vos flux arrivent dans une régie hébergée que vos opérateurs pilotent depuis n'importe où, ou dans votre propre régie via un réseau privé chiffré. Retour vidéo et intercom compris.</p>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<h3>Diffusion et livraison</h3>
|
||||||
|
<p>Un même programme part vers vos plateformes, un lecteur sur votre site ou une chaîne privée. Enregistrement, transcodage et sous-titrage sont disponibles à la demande.</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="section-head">
|
||||||
|
<h2>Comment se passe un direct</h2>
|
||||||
|
</div>
|
||||||
|
<ol class="steps">
|
||||||
|
<li>
|
||||||
|
<h3>Vous réservez un point d'entrée</h3>
|
||||||
|
<p>En ligne, pour l'heure et la région voulues. Vous recevez immédiatement une adresse SRT et sa clé.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h3>Le terrain se connecte</h3>
|
||||||
|
<p>Le boîtier loué, ou votre propre encodeur, envoie vers cette adresse. Aucun port à ouvrir, aucune configuration réseau chez l'organisateur.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h3>La régie reçoit et produit</h3>
|
||||||
|
<p>Vous suivez chaque flux en temps réel : débit, pertes, latence. Vous mixez chez vous, chez nous, ou nous le faisons pour vous.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h3>Le programme est diffusé et archivé</h3>
|
||||||
|
<p>Vers vos destinations, avec enregistrement conservé en France et livrables disponibles dans votre espace.</p>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section dark">
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="section-head">
|
||||||
|
<h2>Ce que « souverain » veut dire chez nous</h2>
|
||||||
|
<p>Ce ne sont pas des intentions : ce sont des engagements contractuels, vérifiables.</p>
|
||||||
|
</div>
|
||||||
|
<div class="pledges">
|
||||||
|
<div>
|
||||||
|
<h3>Vos flux et vos enregistrements restent en France</h3>
|
||||||
|
<p>Nos serveurs sont chez OVHcloud et Scaleway, ou dans nos propres locaux. Aucune donnée ne transite par un service extra-européen.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h3>Tout le logiciel est libre</h3>
|
||||||
|
<p>Transport, régie, diffusion, réseau, identité : chaque brique est publiée sous licence libre. Pas de redevance à la minute cachée dans le prix.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h3>Vous pouvez partir avec vos affaires</h3>
|
||||||
|
<p>Enregistrements, configurations et même la plateforme sont récupérables. Nous pouvons l'installer chez vous et vous former à l'exploiter.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h3>Accès chiffrés, identités vérifiées</h3>
|
||||||
|
<p>Chaque accès passe par un compte nominatif avec double authentification. Les flux circulent uniquement dans des tunnels chiffrés.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="stack">
|
||||||
|
<p>Les logiciels sur lesquels nous nous appuyons, pour que vous sachiez exactement ce qui tourne :</p>
|
||||||
|
<dl>
|
||||||
|
<div><dt>Transport vidéo</dt><dd>SRT, RIST, SRTLA, MediaMTX, MistServer</dd></div>
|
||||||
|
<div><dt>Régie et pilotage</dt><dd>OBS Studio, Bitfocus Companion, Mumble</dd></div>
|
||||||
|
<div><dt>Réseau et sécurité</dt><dd>WireGuard, NetBird, Authentik, OpenBao</dd></div>
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="section-head">
|
||||||
|
<h2>Pour qui</h2>
|
||||||
|
</div>
|
||||||
|
<div class="segments">
|
||||||
|
<article>
|
||||||
|
<h3>Collectivités et institutions</h3>
|
||||||
|
<p>Retransmission de séances et d'événements officiels, archivage conforme, hébergement en France exigé par vos services.</p>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<h3>Sport et fédérations</h3>
|
||||||
|
<p>Multicaméra sur des terrains sans réseau filaire, replay, diffusion vers vos licenciés et vos partenaires.</p>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<h3>Sociétés de production et indépendants</h3>
|
||||||
|
<p>Un transport fiable vers votre régie existante, facturé à l'heure, sans engagement ni matériel à acheter.</p>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<h3>Médias et chaînes locales</h3>
|
||||||
|
<p>Duplex, correspondants sur le terrain, plateaux à distance avec retour et intercom.</p>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<h3>Événementiel et salons</h3>
|
||||||
|
<p>Diffusion hybride multi-destinations, avec captation sur place et régie déportée.</p>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<h3>Entreprises, formation, santé</h3>
|
||||||
|
<p>Congrès et formations en interne, sur une chaîne privée à laquelle seuls vos collaborateurs accèdent.</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section closing">
|
||||||
|
<div class="wrap">
|
||||||
|
<h2>Testez un point d'entrée SRT gratuitement pendant une heure.</h2>
|
||||||
|
<div class="btn-row">
|
||||||
|
<a class="btn btn-primary" href="/contact.html">Demander un accès</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="site-footer">
|
||||||
|
<div class="wrap">
|
||||||
|
<div>
|
||||||
|
<h4>InLive We Stream</h4>
|
||||||
|
<p>Remote production audiovisuelle. Serveurs en France, logiciels libres.</p>
|
||||||
|
<p style="margin-top:0.75rem"><span class="status">Tous les services fonctionnent</span> — <a href="https://status.inlivewestream.com">page de statut</a></p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Offre</h4>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/services.html">Services</a></li>
|
||||||
|
<li><a href="/tarifs.html">Tarifs</a></li>
|
||||||
|
<li><a href="/souverainete.html">Souveraineté</a></li>
|
||||||
|
<li><a href="/contact.html">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Informations</h4>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/mentions-legales.html">Mentions légales</a></li>
|
||||||
|
<li><a href="/mentions-legales.html#donnees">Données personnelles</a></li>
|
||||||
|
<li><a href="mailto:contact@inlivewestream.com">contact@inlivewestream.com</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user