895 أسطر
56 KiB
HTML
895 أسطر
56 KiB
HTML
<!doctype html>
|
|
<html lang="en" class="no-js">
|
|
<head>
|
|
<!-- Title and Icon -->
|
|
|
|
<title id="title">CodePill</title>
|
|
<link id="icon" rel="shortcut icon" href="../images/logo.svg" />
|
|
<link id="appleTouchIcon" 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
|
|
id="description"
|
|
name="description"
|
|
content="CodePill powered by WebRTC and mediasoup, Real-time Simple Secure Fast video calls, messaging and screen sharing capabilities in the browser."
|
|
/>
|
|
<meta
|
|
id="keywords"
|
|
name="keywords"
|
|
content="webrtc, miro, mediasoup, mediasoup-client, self hosted, voip, sip, real-time communications, chat, messaging, meet, webrtc stun, webrtc turn, webrtc p2p, webrtc sfu, video meeting, video chat, video conference, multi video chat, multi video conference, peer to peer, p2p, sfu, rtc, alternative to, zoom, microsoft teams, google meet, jitsi, meeting"
|
|
/>
|
|
|
|
<!-- https://ogp.me -->
|
|
|
|
<meta property="og:type" content="{{OG_TYPE}}" />
|
|
<meta property="og:site_name" content="{{OG_SITE_NAME}}" />
|
|
<meta property="og:title" content="{{OG_TITLE}}" />
|
|
<meta property="og:description" content="{{OG_DESCRIPTION}}" />
|
|
<meta property="og:image" content="{{OG_IMAGE}}" />
|
|
<meta property="og:url" content="{{OG_URL}}" />
|
|
|
|
<!-- StyleSheet -->
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="../css/landing.css" />
|
|
|
|
<!-- Snow effects -->
|
|
|
|
<link rel="stylesheet" href="../css/Snow.css" />
|
|
<script async src="../js/Snow.js"></script>
|
|
|
|
<!-- Js scripts -->
|
|
<script defer src="../js/Widget.js"></script>
|
|
<script defer src="../js/Brand.js"></script>
|
|
<script async src="../js/Umami.js"></script>
|
|
|
|
<script defer src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.8"></script>
|
|
<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>
|
|
<script src="https://cdn.jsdelivr.net/npm/xss/dist/xss.min.js"></script>
|
|
</head>
|
|
<body class="is-boxed has-animations">
|
|
<div id="snow-container"></div>
|
|
<div class="body-wrap">
|
|
<header class="site-header">
|
|
<div class="container">
|
|
<div class="site-header-inner">
|
|
<div class="brand header-brand">
|
|
<div class="m-0">
|
|
<a href="/">
|
|
<img
|
|
class="header-logo-image"
|
|
src="../images/logo.svg"
|
|
alt="mirotalksfu-webrtc-logo"
|
|
/>
|
|
<!-- <img
|
|
class="header-logo-image reveal-from-left"
|
|
src="../images/mirotalk-mc.png"
|
|
alt="mirotalksfu-webrtc-logo"
|
|
width="96"
|
|
height="auto"
|
|
/> -->
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero reveal-from-bottom">
|
|
<div class="container">
|
|
<div class="hero-inner">
|
|
<div class="hero-copy">
|
|
<h1 id="appTitle" class="hero-title mt-0">
|
|
CodePill<br />Free browser based Real-time video calls.<br />
|
|
Simple, Secure, Fast.
|
|
</h1>
|
|
<p id="appDescription" class="hero-paragraph">
|
|
Start your next video call with a single click. No download, plug-in, or login is
|
|
required. Just get straight to talking, messaging, and sharing your screen.
|
|
</p>
|
|
</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="cta section">
|
|
<div class="container">
|
|
<div class="cta-inner section-inner br-12">
|
|
<h3 id="joinDescription" class="section-title mt-0">
|
|
Pick a room name.<br />
|
|
How about this one?
|
|
</h3>
|
|
<div>
|
|
<div class="mb-24">
|
|
<label for="roomName"></label>
|
|
<div class="form-group-desktop">
|
|
<input id="roomName" class="form-input" type="text" maxlength="32" value="" />
|
|
<button
|
|
id="genRoomButton"
|
|
class="button button-primary br-6 mr-8 mb-8 fas fa-arrows-rotate"
|
|
></button>
|
|
<button id="joinRoomButton" class="button button-primary pulse">
|
|
Join Room
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div id="lastRoomContainer" class="last-room">
|
|
<span id="joinLastLabel">Your recent room:</span>
|
|
<a id="lastRoom"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="topSponsors" class="clients section mt-48 mb-48">
|
|
<div class="container">
|
|
<div class="clients-inner section-inner has-animations has-top-divider has-bottom-divider">
|
|
<h3 class="tac">This project is proudly sponsored by</h3>
|
|
<ul class="list-reset">
|
|
<li class="reveal-from-left" data-reveal-delay="150">
|
|
<div class="clients-logo">
|
|
<a
|
|
href="https://recall.ai/?utm_source=mirotalksfu&utm_medium=sponsorship"
|
|
target="_blank"
|
|
data-umami-event="RecallLogo"
|
|
>
|
|
<img
|
|
class="clients-size-logo"
|
|
src="../sponsors/RecallAI.svg"
|
|
alt="Recall.ai"
|
|
/>
|
|
</a>
|
|
</div>
|
|
<div class="mt-16 tac">
|
|
<a
|
|
href="https://recall.ai/?utm_source=mirotalksfu&utm_medium=sponsorship"
|
|
target="_blank"
|
|
class="blue"
|
|
data-umami-event="RecallLink"
|
|
>Recall.ai</a
|
|
>
|
|
- an API for recording Zoom, Google Meet, Microsoft Teams, and in-person
|
|
meetings.
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="features" class="features section mt-48 mb-48">
|
|
<div class="container-sm">
|
|
<div class="pricing-header text-center reveal-from-bottom mt-32" data-reveal-delay="150">
|
|
<br />
|
|
<h2 class="section-title mt-0">
|
|
Unlimited number of conference rooms and users without call time limitation!
|
|
</h2>
|
|
<p class="section-paragraph mb-0">
|
|
With SFU integrated Server. We engineered a platform with maximum video quality lowest
|
|
latency that makes your calls crystal clear. Compatible with all browsers and platforms!
|
|
</p>
|
|
</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
|
|
class="wh-200-150"
|
|
src="../svg/screenSharing.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
|
|
class="wh-200-150"
|
|
src="../svg/webcamStreaming.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 8k resolution and 60fps.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img
|
|
class="wh-200-150"
|
|
src="../svg/audioStreaming.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 make your audio crystal clear.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img
|
|
class="wh-200-150"
|
|
src="../svg/webcamChat.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 your
|
|
feeling.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img
|
|
class="wh-200-150"
|
|
src="../svg/recordingMeeting.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 Blob. Save it for using
|
|
it in the 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
|
|
class="wh-200-150"
|
|
src="../svg/collaborativeWhitboard.svg"
|
|
alt="mirotalksfu-whiteboard"
|
|
/>
|
|
</div>
|
|
<h4 class="feature-title mt-24">Collaborative Whiteboard</h4>
|
|
<p class="text-sm mb-0">
|
|
Advanced interactive whiteboard to draw and explain your concepts to the
|
|
other participants in the meeting.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img
|
|
class="wh-200-150"
|
|
src="../svg/fileSharing.svg"
|
|
alt="mirotalksfu-filesharing"
|
|
/>
|
|
</div>
|
|
<h4 class="feature-title mt-24">File Sharing</h4>
|
|
<p class="text-sm mb-0">
|
|
Share any types of files with all participants in the meeting.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img
|
|
class="wh-200-150"
|
|
src="../svg/broadcasting.svg"
|
|
alt="mirotalksfu-broadcasting"
|
|
/>
|
|
</div>
|
|
<h4 class="feature-title mt-24">Broadcasting</h4>
|
|
<p class="text-sm mb-0">
|
|
Broadcasting involves the distribution of audio or video content to a wide
|
|
audience and supports RTMP streaming.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img
|
|
class="wh-200-150"
|
|
src="../svg/chatgpt.svg"
|
|
alt="mirotalksfu-chatgpt"
|
|
/>
|
|
</div>
|
|
<h4 class="feature-title mt-24">ChatGPT</h4>
|
|
<p class="text-sm mb-0">
|
|
ChatGPT with Video AI for answering questions, providing information, and
|
|
connecting users to relevant resources.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img class="wh-200-150" src="../svg/aiAvatars.svg" alt="mirotalksfu-api" />
|
|
</div>
|
|
<h4 class="feature-title mt-24">AI Avatars</h4>
|
|
<p class="text-sm mb-0">
|
|
Engage with lifelike AI-powered avatars for a more interactive and dynamic
|
|
communication experience.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img class="wh-200-150" src="../svg/rtmp.svg" alt="mirotalksfu-api" />
|
|
</div>
|
|
<h4 class="feature-title mt-24">RTMP Streaming</h4>
|
|
<p class="text-sm mb-0">
|
|
Seamlessly stream your webcam, screen sharing, or external URLs via RTMP for
|
|
live events.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img
|
|
class="wh-200-150"
|
|
src="../svg/virtualBackgrounds.svg"
|
|
alt="mirotalksfu-api"
|
|
/>
|
|
</div>
|
|
<h4 class="feature-title mt-24">Virtual Backgrounds</h4>
|
|
<p class="text-sm mb-0">
|
|
Enhance privacy and professionalism with customizable virtual backgrounds.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img class="wh-200-150" src="../svg/api.svg" alt="mirotalksfu-api" />
|
|
</div>
|
|
<h4 class="feature-title mt-24">Rest API</h4>
|
|
<p class="text-sm mb-0">
|
|
Seamlessly integrate and power your applications with ease. Quick setup and
|
|
top-tier support.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img
|
|
class="wh-200-150"
|
|
src="../svg/totalPrivacy.svg"
|
|
alt="mirotalksfu-privacy"
|
|
/>
|
|
</div>
|
|
<h4 class="feature-title mt-24">Total privacy</h4>
|
|
<p class="text-sm mb-0">
|
|
Data stays between you and your participants. We doesn't collect or share
|
|
personal information.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature text-center is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img
|
|
class="wh-200-150"
|
|
src="../svg/maximumSecurity.svg"
|
|
alt="mirotalksfu-security"
|
|
/>
|
|
</div>
|
|
<h4 class="feature-title mt-24">Maximum security</h4>
|
|
<p class="text-sm mb-0">
|
|
Thanks to WebRTC, all the media streams are encrypted using Secure Real-time
|
|
Transport Protocol (SRTP).
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="teams" class="cta section mt-48 mb-48">
|
|
<div class="container reveal-from-bottom">
|
|
<h2 class="tac">Meet the team</h2>
|
|
<br />
|
|
<div align="center">
|
|
<img
|
|
src="../images/miroslav-pejic.png"
|
|
alt="Team member author"
|
|
width="180"
|
|
height="180"
|
|
class="rounded-image"
|
|
/>
|
|
<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>
|
|
<hr />
|
|
</div>
|
|
</section>
|
|
|
|
<section id="tryEasier" class="cta section mt-48 mb-48">
|
|
<div class="container">
|
|
<h2 class="tac">Try an easier, more secure way of calling.</h2>
|
|
<br />
|
|
<div class="tac">
|
|
<a class="button button-primary button-wide-mobile br-6 pulse" href="/newroom">Try now</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="poweredBy" class="clients section mt-48 mb-48">
|
|
<div class="container">
|
|
<h4 class="powered-by">Powered by</h4>
|
|
<div class="clients-inner section-inner has-animations has-top-divider has-bottom-divider">
|
|
<ul class="list-reset">
|
|
<li class="reveal-from-left" data-reveal-delay="150">
|
|
<div class="clients-logo">
|
|
<a href="https://hetzner.cloud/?ref=XdRifCzCK3bn" target="_blank">
|
|
<img
|
|
class="clients-size-logo"
|
|
src="../sponsors/Hetzner.png"
|
|
alt="Powered by Hetzner"
|
|
/>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="200">
|
|
<div class="clients-logo">
|
|
<a href="https://www.netcup.com/en/?ref=309627" target="_blank"
|
|
><img
|
|
class="clients-size-logo"
|
|
src="../sponsors/Netcup.png"
|
|
alt="Powered by Netcup"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="250">
|
|
<div class="clients-logo">
|
|
<a href="https://www.dpbolvw.net/click-101027391-14462707" target="_blank">
|
|
<img
|
|
class="clients-size-logo"
|
|
src="../advertisers/ContaboLogo.png"
|
|
alt="Powered by Contabo"
|
|
/>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="300">
|
|
<div class="clients-logo">
|
|
<a href="https://mediasoup.org" target="_blank">
|
|
<img
|
|
class="clients-size-logo"
|
|
src="../images/mediasoup.png"
|
|
alt="Powered by Mediasoup"
|
|
/>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="sponsors" class="clients section mt-48 mb-48">
|
|
<div class="container">
|
|
<h3 class="tac">Our sponsors</h3>
|
|
<br />
|
|
<div class="clients-inner section-inner has-animations has-top-divider has-bottom-divider">
|
|
<ul class="list-reset">
|
|
<li class="reveal-from-left" data-reveal-delay="150">
|
|
<div class="clients-logo">
|
|
<a href="https://effectssdk.ai" target="_blank"
|
|
><img
|
|
class="clients-size-logo"
|
|
src="../sponsors/EffectsSDK-logo.png"
|
|
alt="EffectsSDK"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="200">
|
|
<div class="clients-logo">
|
|
<a href="https://hetzner.cloud/?ref=XdRifCzCK3bn" target="_blank"
|
|
><img class="clients-size-logo" src="../sponsors/Hetzner.png" alt="Hetzner"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="250">
|
|
<div class="clients-logo">
|
|
<a href="https://www.netcup.com/en/?ref=309627" target="_blank"
|
|
><img
|
|
class="clients-size-logo"
|
|
src="../sponsors/NetcupLogo.png"
|
|
alt="Netcup"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="300">
|
|
<div class="clients-logo">
|
|
<a href="https://cloudron.io" target="_blank"
|
|
><img
|
|
class="clients-size-logo"
|
|
src="../sponsors/Cloudron.png"
|
|
alt="Cloudron"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="350">
|
|
<div class="clients-logo">
|
|
<a href="https://www.questionpro.com" target="_blank"
|
|
><img
|
|
class="clients-size-logo"
|
|
src="../sponsors/QuestionPro.png"
|
|
alt="QuestionPro"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="400">
|
|
<div class="clients-logo">
|
|
<a
|
|
href="https://lambdatest.com/pricing?coupon=QURFODlQUk9NT1RFUg==&refid=1149848"
|
|
target="_blank"
|
|
><img
|
|
class="clients-size-logo"
|
|
src="../sponsors/LambdaTest.png"
|
|
alt="LambdaTest"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="450">
|
|
<div class="clients-logo">
|
|
<a href="https://www.browserstack.com" target="_blank"
|
|
><img
|
|
class="clients-size-logo"
|
|
src="../sponsors/BrowserStack.png"
|
|
alt="BrowserStack"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="500">
|
|
<div class="clients-logo">
|
|
<a href="https://crystalsound.ai" target="_blank"
|
|
><img
|
|
class="clients-size-logo"
|
|
src="../sponsors/CrystalSound.png"
|
|
alt="CrystalSound"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="550">
|
|
<div class="clients-logo">
|
|
<a href="https://kiquix.com" target="_blank"
|
|
><img class="clients-size-logo" src="../sponsors/Kiquix.png" alt="Kiquix"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="600">
|
|
<div class="clients-logo">
|
|
<a href="https://broadcastx.de/" target="_blank"
|
|
><img
|
|
class="clients-size-logo"
|
|
src="../sponsors/BroadcastX.png"
|
|
alt="BroadcastX"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="650">
|
|
<div class="clients-logo">
|
|
<a id="adultCnt" class="cp"
|
|
><img
|
|
class="clients-size-logo"
|
|
src="../sponsors/LuvLounge.png"
|
|
alt="LuvLounge"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="advertisers" class="clients section mt-48 mb-48">
|
|
<div class="container">
|
|
<h3 class="tac">Our advertisers</h3>
|
|
<br />
|
|
<div class="clients-inner section-inner has-animations has-top-divider has-bottom-divider">
|
|
<ul class="list-reset">
|
|
<li class="reveal-from-left" data-reveal-delay="150">
|
|
<div class="clients-logo">
|
|
<a href="https://www.dpbolvw.net/click-101027391-14462707" target="_blank"
|
|
><img
|
|
class="clients-size-logo"
|
|
src="../advertisers/Contabo.png"
|
|
alt="Contabo"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="200">
|
|
<div class="clients-logo">
|
|
<a href="https://hostinger.com/?REFERRALCODE=MIROTALK" target="_blank"
|
|
><img
|
|
class="clients-size-logo"
|
|
src="../advertisers/Hostinger.png"
|
|
alt="Hostinger"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
<li class="reveal-from-left" data-reveal-delay="250">
|
|
<div class="clients-logo">
|
|
<a href="https://rambox.app?via=mirotalk" target="_blank"
|
|
><img
|
|
class="clients-size-logo"
|
|
src="../advertisers/Rambox.png"
|
|
alt="Rambox"
|
|
/></a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="supportUs" class="cta section mt-48 mb-48">
|
|
<div class="container">
|
|
<div class="cta-inner section-inner br-12 has-animations">
|
|
<div class="support-us-content">
|
|
<div class="support-icon">
|
|
<i class="fas fa-heart heartbeat"></i>
|
|
</div>
|
|
<h2 class="section-title mt-0">Support CodePill</h2>
|
|
<p class="section-paragraph mt-16">
|
|
CodePill is a free, open-source project under AGPLv3 license. Your support helps
|
|
us maintain servers, add new features, and keep the service free for everyone. Every
|
|
contribution matters!
|
|
</p>
|
|
|
|
<!-- Support Options -->
|
|
<div class="support-options mt-24">
|
|
<!-- CodeCanyon -->
|
|
<a
|
|
href="https://codecanyon.net/user/miroslavpejic85"
|
|
target="_blank"
|
|
class="support-card reveal-from-bottom"
|
|
data-reveal-delay="150"
|
|
data-umami-event="CodeCanyonSupport"
|
|
>
|
|
<div class="support-card-icon">
|
|
<svg height="28" width="28" viewBox="0 0 24 24" fill="#82B541">
|
|
<path
|
|
d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.5 16.5h-11v-9h11v9z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<h5 class="support-card-title-small">CodeCanyon</h5>
|
|
<p class="support-card-description-small">Buy commercial license</p>
|
|
</a>
|
|
|
|
<!-- PayPal -->
|
|
<a
|
|
href="https://www.paypal.com/donate/?hosted_button_id=TW833WU7EUPHJ"
|
|
target="_blank"
|
|
class="support-card reveal-from-bottom"
|
|
data-reveal-delay="200"
|
|
data-umami-event="PayPalSupport"
|
|
>
|
|
<div class="support-card-icon">
|
|
<svg height="28" width="28" viewBox="0 0 24 24" fill="#00457C">
|
|
<path
|
|
d="M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.76-4.852a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.746-4.46z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<h5 class="support-card-title-small">PayPal</h5>
|
|
<p class="support-card-description-small">One-time donation</p>
|
|
</a>
|
|
|
|
<!-- Stripe -->
|
|
<a
|
|
href="https://buy.stripe.com/9B614m93Lg4L4Ag3Eabsc02"
|
|
target="_blank"
|
|
class="support-card reveal-from-bottom"
|
|
data-reveal-delay="250"
|
|
data-umami-event="StripeSupport"
|
|
>
|
|
<div class="support-card-icon">
|
|
<svg height="28" width="28" viewBox="0 0 24 24" fill="#635BFF">
|
|
<path
|
|
d="M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<h5 class="support-card-title-small">Stripe</h5>
|
|
<p class="support-card-description-small">Donate via credit card</p>
|
|
</a>
|
|
|
|
<!-- GitHub Sponsors -->
|
|
<a
|
|
href="https://github.com/sponsors/miroslavpejic85"
|
|
target="_blank"
|
|
class="support-card reveal-from-bottom"
|
|
data-reveal-delay="300"
|
|
data-umami-event="GitHubSponsors"
|
|
>
|
|
<div class="support-card-icon">
|
|
<svg height="28" width="28" viewBox="0 0 16 16" fill="#ffffff">
|
|
<path
|
|
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<h5 class="support-card-title-small">GitHub Sponsors</h5>
|
|
<p class="support-card-description-small">Monthly recurring donation</p>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="support-footer">
|
|
<p class="text-sm mb-0">
|
|
<strong>Other ways to help:</strong> Star us on GitHub ⭐, spread the word 📢,
|
|
or contribute code 💻
|
|
</p>
|
|
<p class="text-sm mt-8 mb-0">
|
|
<strong>Join our community:</strong>
|
|
<a
|
|
href="https://discord.gg/rgGYfeYW3N"
|
|
target="_blank"
|
|
class="blue"
|
|
data-umami-event="DiscordCommunity"
|
|
>
|
|
Discord Forum 💬
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer id="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>
|
|
<a href="/about">About</a>
|
|
</li>
|
|
<li>
|
|
<a href="/privacy">Privacy Policy</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://sfu.mirotalk.com/api/v1/docs/">Rest API</a>
|
|
</li>
|
|
<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 class="footer-social-icon">
|
|
<a target="_blank" href="https://discord.gg/rgGYfeYW3N">
|
|
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
|
<title>Forum</title>
|
|
<path
|
|
d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"
|
|
fill="#0270D7"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li class="footer-social-icon">
|
|
<a target="_blank" href="https://www.facebook.com/mirotalk">
|
|
<span class="screen-reader-text">Facebook</span>
|
|
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M6.023 16L6 9H3V6h3V4c0-2.7 1.672-4 4.08-4 1.153 0 2.144.086 2.433.124v2.821h-1.67c-1.31 0-1.563.623-1.563 1.536V6H13l-1 3H9.28v7H6.023z"
|
|
fill="#0270D7"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li class="footer-social-icon">
|
|
<a target="_blank" href="https://www.youtube.com/watch?v=_IVn2aINYww">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M21.582,6.186c-0.23-0.86-0.908-1.538-1.768-1.768C18.254,4,12,4,12,4S5.746,4,4.186,4.418 c-0.86,0.23-1.538,0.908-1.768,1.768C2,7.746,2,12,2,12s0,4.254,0.418,5.814c0.23,0.86,0.908,1.538,1.768,1.768 C5.746,20,12,20,12,20s6.254,0,7.814-0.418c0.861-0.23,1.538-0.908,1.768-1.768C22,16.254,22,12,22,12S22,7.746,21.582,6.186z M10,15.464V8.536L16,12L10,15.464z"
|
|
fill="#0270D7"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li class="footer-social-icon">
|
|
<a target="_blank" href="mailto:miroslav.pejic.85@gmail.com">
|
|
<span class="screen-reader-text">Google</span>
|
|
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M7.9 7v2.4H12c-.2 1-1.2 3-4 3-2.4 0-4.3-2-4.3-4.4 0-2.4 2-4.4 4.3-4.4 1.4 0 2.3.6 2.8 1.1l1.9-1.8C11.5 1.7 9.9 1 8 1 4.1 1 1 4.1 1 8s3.1 7 7 7c4 0 6.7-2.8 6.7-6.8 0-.5 0-.8-.1-1.2H7.9z"
|
|
fill="#0270D7"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a
|
|
class="github-button"
|
|
href="https://github.com/sponsors/miroslavpejic85"
|
|
data-color-scheme="no-preference: light; light: light; dark: dark;"
|
|
data-icon="octicon-heart"
|
|
data-size="large"
|
|
aria-label="Sponsor @miroslavpejic85 on GitHub"
|
|
>Sponsor</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
class="github-button"
|
|
href="https://github.com/miroslavpejic85/mirotalksfu"
|
|
data-color-scheme="no-preference: light; light: light; dark: dark;"
|
|
data-size="large"
|
|
data-show-count="true"
|
|
aria-label="Star miroslavpejic85/mirotalk on GitHub"
|
|
>Star</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
<div class="footer-copyright">© 2025 CodePill, all rights reserved</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script defer src="../js/Utils.js"></script>
|
|
<script defer src="../js/Common.js"></script>
|
|
<script defer src="../js/Landing.js"></script>
|
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
|
</body>
|
|
</html>
|