258 أسطر
15 KiB
HTML
258 أسطر
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="no-js">
|
|
<head>
|
|
<!-- Title and Icon -->
|
|
|
|
<title>MiroTalk SFU - Free Video Calls, Messaging and Screen Sharing.</title>
|
|
<link rel="shortcut icon" href="images/logo.svg" />
|
|
<link rel="apple-touch-icon" href="images/logo.svg" />
|
|
|
|
<!-- Meta Information -->
|
|
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<meta
|
|
name="description"
|
|
content="MiroTalk SFU powered by WebRTC and mediasoup, Real-time Simple Secure Fast video calls, messaging and screen sharing capabilities in the browser."
|
|
/>
|
|
<meta
|
|
name="keywords"
|
|
content="webrtc, mediasoup, mediasoup-client, self hosted, voip, sip, real-time communications, chat, messaging, meet, webrtc stun, webrtc turn, video meeting, video chat, video conference, multi video chat, multi video conference, peer to peer, p2p, rtc, alternative to, zoom, microsoft teams, google meet, jitsi, meeting"
|
|
/>
|
|
|
|
<!-- https://ogp.me -->
|
|
|
|
<meta property="og:type" content="app-webrtc" />
|
|
<meta property="og:site_name" content="MiroTalk SFU" />
|
|
<meta property="og:title" content="Click the link to make a call." />
|
|
<meta
|
|
property="og:description"
|
|
content="MiroTalk SFU calling provides real-time video calls, messaging and screen sharing."
|
|
/>
|
|
<meta property="og:image" content="images/mirotalksfu.png" />
|
|
|
|
<!-- StyleSheet -->
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" />
|
|
<link rel="stylesheet" href="css/landing.css" />
|
|
|
|
<!-- Js scripts -->
|
|
|
|
<script src="https://unpkg.com/animejs@3.0.1/lib/anime.min.js"></script>
|
|
<script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
|
|
</head>
|
|
<body class="is-boxed has-animations">
|
|
<div class="body-wrap">
|
|
<header class="site-header">
|
|
<div class="container">
|
|
<div class="site-header-inner">
|
|
<div class="brand header-brand">
|
|
<h1 class="m-0">
|
|
<a href="/">
|
|
<img class="header-logo-image" src="images/logo.svg" alt="mirotalk-logo" />
|
|
</a>
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero">
|
|
<div class="container">
|
|
<div class="hero-inner">
|
|
<div class="hero-copy">
|
|
<h1 class="hero-title mt-0">
|
|
MiroTalk SFU<br />Free browser based real-time video calls.<br />
|
|
Simple, Secure, Fast.
|
|
</h1>
|
|
<p class="hero-paragraph">
|
|
Start your next video call with a single click. No download, plug-in or login
|
|
required. Just get straight to talking, messaging and sharing your screen.
|
|
</p>
|
|
<div class="hero-cta">
|
|
<a class="button button-primary pulse" href="/newroom">TRY NOW</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hero-figure anime-element">
|
|
<svg class="placeholder" width="528" height="396" viewBox="0 0 528 396">
|
|
<rect width="528" height="396" style="fill: transparent" />
|
|
</svg>
|
|
<div class="hero-figure-box hero-figure-box-01" data-rotation="45deg"></div>
|
|
<div class="hero-figure-box hero-figure-box-02" data-rotation="-45deg"></div>
|
|
<div class="hero-figure-box hero-figure-box-03" data-rotation="0deg"></div>
|
|
<div class="hero-figure-box hero-figure-box-04" data-rotation="-135deg"></div>
|
|
<div class="hero-figure-box hero-figure-box-05"></div>
|
|
<div class="hero-figure-box hero-figure-box-06"></div>
|
|
<div class="hero-figure-box hero-figure-box-07"></div>
|
|
<div class="hero-figure-box hero-figure-box-08" data-rotation="-22deg"></div>
|
|
<div class="hero-figure-box hero-figure-box-09" data-rotation="-52deg"></div>
|
|
<div class="hero-figure-box hero-figure-box-10" data-rotation="-50deg"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="features section">
|
|
<div class="container-sm">
|
|
<div class="pricing-inner section-inner">
|
|
<div class="pricing-header text-center">
|
|
<h2 class="section-title mt-0">
|
|
Unlimited number of conference rooms and users without call time limitation!
|
|
</h2>
|
|
<p class="section-paragraph mb-0">
|
|
MiroTalk with SFU integrated Server. We engineered a platform with maximum video
|
|
quality lowest latency that makes your calls crystal clear.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="features-inner section-inner has-bottom-divider">
|
|
<div class="features-wrap">
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img src="images/feature-icon-01.svg" alt="mirotalksfu-screen" />
|
|
</div>
|
|
<h4 class="feature-title mt-24">Screen Sharing</h4>
|
|
<p class="text-sm mb-0">
|
|
Share your screen, application window, present your documents, slides and
|
|
more.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img src="images/feature-icon-02.svg" alt="mirotalksfu-webcam" />
|
|
</div>
|
|
<h4 class="feature-title mt-24">WebCam Streaming</h4>
|
|
<p class="text-sm mb-0">
|
|
Having the webcam on, allows participants to make a deeper connection with
|
|
you. Up to 4k resolution.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img src="images/feature-icon-03.svg" alt="mirotalksfu-audio" />
|
|
</div>
|
|
<h4 class="feature-title mt-24">Audio Streaming</h4>
|
|
<p class="text-sm mb-0">
|
|
Echo cancellation and noise suppression that makes your audio crystal clear.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img src="images/feature-icon-04.svg" alt="mirotalksfu-chat" />
|
|
</div>
|
|
<h4 class="feature-title mt-24">Chat</h4>
|
|
<p class="text-sm mb-0">
|
|
Chat with others in meeting with integrated emoji picker to show you
|
|
feeling.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img src="images/feature-icon-05.svg" alt="mirotalksfu-recording" />
|
|
</div>
|
|
<h4 class="feature-title mt-24">Recording meeting</h4>
|
|
<p class="text-sm mb-0">
|
|
Record your Screen, Video and Audio on Your browser Blobs. Save it for use
|
|
it in future or to share with others.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img src="images/feature-icon-06.svg" alt="mirotalksfu-recording" />
|
|
</div>
|
|
<h4 class="feature-title mt-24">Total privacy</h4>
|
|
<p class="text-sm mb-0">
|
|
Data stays between you and your participants. MiroTalk SFU don't collect or
|
|
share personal information.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cta section">
|
|
<div class="container">
|
|
<h1 style="text-align: center">Meet the team</h1>
|
|
<div align="center">
|
|
<img src="images/miroslav-pejic.png" alt="Team member author" width="180" height="180" />
|
|
<br />
|
|
<a target="_blank" href="https://www.linkedin.com/in/miroslav-pejic-976a07101/">
|
|
<h5 class="mt-0 mb-4">Miroslav Pejic</h5>
|
|
</a>
|
|
Full Stack Developer
|
|
<br />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<br />
|
|
|
|
<section class="cta section">
|
|
<div class="container">
|
|
<h2 style="text-align: center">Try an easier, more secure way of calling.</h2>
|
|
<div style="text-align: center">
|
|
<a class="button button-primary button-wide-mobile pulse" href="/newroom">Try now</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="site-footer">
|
|
<div class="container">
|
|
<div class="site-footer-inner">
|
|
<div class="brand footer-brand">
|
|
<a href="/">
|
|
<img class="header-logo-image" src="images/logo.svg" alt="Logo" />
|
|
</a>
|
|
</div>
|
|
<ul class="footer-links list-reset">
|
|
<li>
|
|
Contact:
|
|
<a target="_blank" href="https://www.linkedin.com/in/miroslav-pejic-976a07101/"
|
|
>Miroslav Pejic</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
<ul class="footer-social-links list-reset">
|
|
<li>
|
|
<a target="_blank" href="https://github.com/miroslavpejic85/mirotalksfu">
|
|
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
|
<title>GitHub</title>
|
|
<path
|
|
d="M7.95 0C3.578 0 0 3.578 0 7.95c0 3.479 2.286 6.46 5.466 7.553.397.1.497-.199.497-.397v-1.392c-2.187.497-2.683-.994-2.683-.994-.398-.894-.895-1.192-.895-1.192-.696-.497.1-.497.1-.497.795.1 1.192.795 1.192.795.696 1.292 1.888.894 2.286.696.1-.497.298-.895.497-1.093-1.79-.2-3.578-.895-3.578-3.976 0-.894.298-1.59.795-2.087-.1-.198-.397-.993.1-2.086 0 0 .695-.2 2.186.795a6.408 6.408 0 0 1 1.987-.299c.696 0 1.392.1 1.988.299 1.49-.994 2.186-.795 2.186-.795.398 1.093.199 1.888.1 2.086.496.597.795 1.292.795 2.087 0 3.081-1.889 3.677-3.677 3.876.298.398.596.895.596 1.59v2.187c0 .198.1.496.596.397C13.714 14.41 16 11.43 16 7.95 15.9 3.578 12.323 0 7.95 0z"
|
|
fill="#0270D7"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="footer-copyright">© 2021 MiroTalk SFU, all rights reserved</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="js/landing.js"></script>
|
|
<script src="js/gtag.js"></script>
|
|
</body>
|
|
</html>
|