611 lines
27 KiB
HTML
611 lines
27 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="CTB Recorder is a free recording software for Chaturbate">
|
|
<meta name="author" content="">
|
|
|
|
<title>CTB Recorder</title>
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- Custom fonts for this template -->
|
|
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
|
|
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Plugin CSS -->
|
|
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Custom styles for this template -->
|
|
<link href="css/freelancer.min.css" rel="stylesheet">
|
|
|
|
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon" />
|
|
|
|
</head>
|
|
|
|
<body id="page-top">
|
|
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav">
|
|
<div class="container">
|
|
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="https://raw.githubusercontent.com/0xboobface/ctbrec/master/src/main/resources/icon64.png" alt="Logo"/>CTB Recorder</a>
|
|
<button class="navbar-toggler navbar-toggler-right text-uppercase bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
Menu
|
|
<i class="fa fa-bars"></i>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item mx-0 mx-lg-1">
|
|
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#about">Download</a>
|
|
</li>
|
|
<li class="nav-item mx-0 mx-lg-1">
|
|
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#portfolio">Screenshots</a>
|
|
</li>
|
|
<li class="nav-item mx-0 mx-lg-1">
|
|
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#faq">FAQ</a>
|
|
</li>
|
|
<li class="nav-item mx-0 mx-lg-1">
|
|
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#code">Source Code</a>
|
|
</li>
|
|
<li class="nav-item mx-0 mx-lg-1">
|
|
<a href="#donate" target="_blank" style="float:right; margin-left: 10px">
|
|
<img src="img/buymeacoffee/Button/button-red.png" alt="Buy a coffee"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Header -->
|
|
<header class="masthead bg-primary text-white text-center">
|
|
<div class="container">
|
|
<!--
|
|
<img class="img-fluid mb-5 d-block mx-auto" src="img/profile.png" alt="">
|
|
-->
|
|
<h1 class="text-uppercase mb-0">CTB Recorder</h1>
|
|
<hr class="star-light">
|
|
<h2 class="font-weight-light mb-0">A free recording software for Chaturbate</h2>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- About/Download Section -->
|
|
<section class="text-secondary mb-0" id="about">
|
|
<div class="container">
|
|
<h2 class="text-center text-uppercase text-secondary">About</h2>
|
|
<hr class="star-dark mb-5">
|
|
<div class="row">
|
|
<div class="col-lg-4 ml-auto">
|
|
<p class="lead">If you ever wanted to record a cam girl show to watch it later or if your favorite model lives in another timezone and is never online when you are, CTB Recorder is the solution for you.</p>
|
|
</div>
|
|
<div class="col-lg-4 mr-auto">
|
|
<p class="lead">CTB Recorder allows you to record any public show on Chaturbate. It is very easy to use and set up in minutes. You can even run the recorder on a server and control it with the graphical user interface, so that you never miss a show again.</p>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function downloadFile(uri) {
|
|
location.href = uri;
|
|
}
|
|
</script>
|
|
<div class="row text-center">
|
|
<div class="col">
|
|
<a class="btn btn-xl btn-outline-dark" href="#donate" onclick="downloadFile('https://github.com/0xboobface/ctbrec/releases/download/1.0.0/ctbrec-1.0.0-win64-jre.zip');">
|
|
<i class="fa fa-windows mr-2"></i>
|
|
Download for Windows!
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a class="btn btn-xl btn-outline-dark" href="#donate" onclick="downloadFile('https://github.com/0xboobface/ctbrec/releases/download/1.0.0/ctbrec-1.0.0-win64.zip');">
|
|
<i class="fa fa-windows mr-2"></i>
|
|
Download for Windows (no JRE)!
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a class="btn btn-xl btn-outline-dark" href="#donate" onclick="downloadFile('https://github.com/0xboobface/ctbrec/releases/download/1.0.0/ctbrec-1.0.0-linux.zip');">
|
|
<i class="fa fa-linux mr-2"></i>
|
|
Download for Linux!
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="portfolio bg-primary text-light" id="donate">
|
|
<div class="container">
|
|
<h2 class="text-center text-uppercase mb-0">Donate</h2>
|
|
<hr class="star-light mb-5">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto text-center">
|
|
<p class="lead">
|
|
CTB Recorder is free and open source. I'm a student and wrote this software in my spare time.
|
|
If you like the software or want to suggest a new feature, please consider buying me a coffee or two. Thanks!
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center">
|
|
<div class="col">
|
|
<p class="lead">
|
|
Buy me a coffee<br/>
|
|
<a href="https://www.buymeacoffee.com/0xboobface" target="_blank">
|
|
<img src="img/buymeacoffee/buymeacoffee.png" alt="Buy a coffee"/>
|
|
</a>
|
|
<br/><br/>
|
|
</p>
|
|
</div>
|
|
<div class="col">
|
|
<p class="lead">
|
|
Bitcoin<br/>
|
|
<img src="https://raw.githubusercontent.com/0xboobface/ctbrec/master/src/main/resources/html/bitcoin-address.png" alt="bitcoin:15sLWZon8diPqAX4UdPQU1DcaPuvZs2GgA" style="width:200px"/><br/><br/>
|
|
<input type="text" value="15sLWZon8diPqAX4UdPQU1DcaPuvZs2GgA" onClick="this.select(); document.execCommand('copy');"/>
|
|
</p>
|
|
</div>
|
|
<div class="col">
|
|
<p class="lead">
|
|
Ethereum<br/>
|
|
<img src="https://raw.githubusercontent.com/0xboobface/ctbrec/master/src/main/resources/html/ethereum-address.png" alt="ethereum:0x996041638eEAE7E31f39Ef6e82068d69bA7C090e" style="width:200px"/><br/><br/>
|
|
<input type="text" value="0x996041638eEAE7E31f39Ef6e82068d69bA7C090e" onClick="this.select(); document.execCommand('copy');"/>
|
|
</p>
|
|
</div>
|
|
<div class="col">
|
|
<p class="lead">
|
|
Monero<br/>
|
|
<img src="https://raw.githubusercontent.com/0xboobface/ctbrec/master/src/main/resources/html/monero-address.png" alt="monero:448ZQZpzvT4iRNAVBr7CMQBfEbN3H8uAF2BWabtqVRckgTY3GQJkUgydjotEPaGvpzJboUpe39J8rPBkWZaUbrQa31FoSMj" style="width:200px"/><br/><br/>
|
|
<input type="text" value="448ZQZpzvT4iRNAVBr7CMQBfEbN3H8uAF2BWabtqVRckgTY3GQJkUgydjotEPaGvpzJboUpe39J8rPBkWZaUbrQa31FoSMj" onClick="this.select(); document.execCommand('copy');"/>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Screenshots Grid Section -->
|
|
<section class="portfolio" id="portfolio">
|
|
<div class="container">
|
|
<h2 class="text-center text-uppercase mb-0">Screenshots</h2>
|
|
<hr class="star-dark mb-5">
|
|
<div class="row">
|
|
<div class="col-md-6 col-lg-4">
|
|
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-1">
|
|
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
|
|
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img class="img-fluid" src="img/featured.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4">
|
|
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-2">
|
|
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
|
|
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img class="img-fluid" src="img/recording.png" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4">
|
|
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-3">
|
|
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
|
|
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img class="img-fluid" src="img/followed.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4">
|
|
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-4">
|
|
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
|
|
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img class="img-fluid" src="img/recordings.png" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4">
|
|
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-5">
|
|
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
|
|
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img class="img-fluid" src="img/settings.png" alt="">
|
|
</a>
|
|
</div>
|
|
<!--
|
|
<div class="col-md-6 col-lg-4">
|
|
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-6">
|
|
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
|
|
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img class="img-fluid" src="img/portfolio/submarine.png" alt="">
|
|
</a>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FAQ Section -->
|
|
<section id="faq" class="bg-primary text-light">
|
|
<div class="container">
|
|
<h2 class="text-center text-uppercase mb-0">FAQ</h2>
|
|
<hr class="star-light mb-5">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="accordion text-dark" id="accordionExample">
|
|
|
|
<!-- only .ts files -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
|
The recordings directory only contains a bunch of .ts files. What do I do with them?
|
|
</button>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
|
|
<div class="card-body">CTB Recorder also creates a
|
|
playlist file called playlist.m3u8. If your media player is
|
|
capable of playing playlist, you can just open the playlist and
|
|
enjoy your recording. Alternatively go to recordings tab, right
|
|
click on the recording and select "Merge segments". This will
|
|
create one big .ts file of the whole recording.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- What are .ts files -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingTwo">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
|
What is a .ts file?
|
|
</button>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
|
|
<div class="card-body">
|
|
A .ts file is a MPEG transport stream, which contains the video and
|
|
audio of the stream. If you want to convert a .ts file into mp4
|
|
or mkv you can use a program like <a
|
|
href="https://handbrake.fr/">Handbrake</a> or <a href="http://avidemux.sourceforge.net/">Avidemux</a>.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- How do I run the server -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingThree">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
|
How do I run the server?
|
|
</button>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
|
|
<div class="card-body">
|
|
The archive you downloaded contains a server.bat or server.sh, which can be used to start the server. On the first start, the server uses a default
|
|
configuration. Once you terminate the server by pressing <kbd><kbd>ctrl</kbd> + <kbd>c</kbd></kbd>, the config is stored in your user home.<br/>
|
|
On windows that is <code>C:\Users\{your user name}\AppData\Roaming\ctbrec\server.json</code><br/>
|
|
On linux that is <code>~/.config/ctbrec/server.json</code><br/>
|
|
You can open this file in a text editor and change it to your likings. You probably only want to change <code>httpPort</code> and <code>recordingsDir</code>.
|
|
Most of the other stuff is irrelevant since the server and CTB Recorder use the same config file format.
|
|
When the server is running, you can connect to it with CTB Recorder by changing the setting "Record location" to "Remote".
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Difference Win JRE -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingFour">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
|
What is the difference between the Windows download and Windows (no JRE)?
|
|
</button>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
|
|
<div class="card-body">
|
|
If you know what Java is and if you know, that you have Java installed, you can use the (no JRE) version. Otherwise you are better off using the
|
|
standard Windows download, because it comes with all necessary dependencies.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Help -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingFive">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
|
|
I need help!
|
|
</button>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
|
|
<div class="card-body">
|
|
Go to the project website and <a href="https://github.com/0xboobface/ctbrec/issues">create a new Issue</a>.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Feature request -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingSix">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
|
|
I have a suggestion for a new feature!
|
|
</button>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordionExample">
|
|
<div class="card-body">
|
|
Go to the project website and <a href="https://github.com/0xboobface/ctbrec/issues">create a new Issue</a>.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bug -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingSeven">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
|
|
I found a bug! Where can I report it?
|
|
</button>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordionExample">
|
|
<div class="card-body">
|
|
Go to the project website and <a href="https://github.com/0xboobface/ctbrec/issues">create a new Issue</a>.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Source Code Section -->
|
|
<section id="code">
|
|
<div class="container">
|
|
<h2 class="text-center text-uppercase text-secondary mb-0">Source Code</h2>
|
|
<hr class="star-dark mb-5">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto text-center">
|
|
<p class="lead">
|
|
CTB Recorder is free and open source. The source code is available on <a href="https://github.com/0xboobface/ctbrec">Github</a>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer text-center">
|
|
<div class="container">
|
|
<div class="row">
|
|
<!--
|
|
<div class="col-md-4 mb-5 mb-lg-0">
|
|
<h4 class="text-uppercase mb-4">Location</h4>
|
|
<p class="lead mb-0">2215 John Daniel Drive
|
|
<br>Clark, MO 65243</p>
|
|
</div>
|
|
<div class="col-md-4 mb-5 mb-lg-0">
|
|
<h4 class="text-uppercase mb-4">Around the Web</h4>
|
|
<ul class="list-inline mb-0">
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="#">
|
|
<i class="fa fa-fw fa-facebook"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="#">
|
|
<i class="fa fa-fw fa-google-plus"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="#">
|
|
<i class="fa fa-fw fa-twitter"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="#">
|
|
<i class="fa fa-fw fa-linkedin"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="#">
|
|
<i class="fa fa-fw fa-dribbble"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h4 class="text-uppercase mb-4">About Freelancer</h4>
|
|
<p class="lead mb-0">Freelance is a free to use, open source Bootstrap theme created by
|
|
<a href="http://startbootstrap.com">Start Bootstrap</a>.</p>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!--
|
|
<div class="copyright py-4 text-center text-white">
|
|
<div class="container">
|
|
<small>Copyright © Your Website 2018</small>
|
|
</div>
|
|
</div>
|
|
-->
|
|
|
|
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
|
|
<div class="scroll-to-top d-lg-none position-fixed ">
|
|
<a class="js-scroll-trigger d-block text-center text-white rounded" href="#page-top">
|
|
<i class="fa fa-chevron-up"></i>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Portfolio Modals -->
|
|
|
|
<!-- Portfolio Modal 1 -->
|
|
<div class="portfolio-modal mfp-hide" id="portfolio-modal-1">
|
|
<div class="portfolio-modal-dialog bg-white">
|
|
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-3x fa-times"></i>
|
|
</a>
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="text-secondary text-uppercase mb-0">Featured</h2>
|
|
<hr class="star-dark mb-5">
|
|
<img class="img-fluid mb-5" src="img/featured.jpg" alt="">
|
|
<p class="mb-5">You can browse all the different categories like in the browser. The filter input on top helps, to find models quickly.</p>
|
|
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-close"></i>
|
|
Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Portfolio Modal 2 -->
|
|
<div class="portfolio-modal mfp-hide" id="portfolio-modal-2">
|
|
<div class="portfolio-modal-dialog bg-white">
|
|
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-3x fa-times"></i>
|
|
</a>
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="text-secondary text-uppercase mb-0">Recording</h2>
|
|
<hr class="star-dark mb-5">
|
|
<img class="img-fluid mb-5" src="img/recording.png" alt="">
|
|
<p class="mb-5">The Recording overview shows you, which models get recorded. You can also see, which models are currently online.</p>
|
|
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-close"></i>
|
|
Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Portfolio Modal 3 -->
|
|
<div class="portfolio-modal mfp-hide" id="portfolio-modal-3">
|
|
<div class="portfolio-modal-dialog bg-white">
|
|
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-3x fa-times"></i>
|
|
</a>
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="text-secondary text-uppercase mb-0">Start a recording</h2>
|
|
<hr class="star-dark mb-5">
|
|
<img class="img-fluid mb-5" src="img/followed.jpg" alt="">
|
|
<p class="mb-5">Recordings can be started with a simple right-click, as well as models followed or unfollowed.</p>
|
|
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-close"></i>
|
|
Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Portfolio Modal 4 -->
|
|
<div class="portfolio-modal mfp-hide" id="portfolio-modal-4">
|
|
<div class="portfolio-modal-dialog bg-white">
|
|
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-3x fa-times"></i>
|
|
</a>
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="text-secondary text-uppercase mb-0">Recordings</h2>
|
|
<hr class="star-dark mb-5">
|
|
<img class="img-fluid mb-5" src="img/recordings.png" alt="">
|
|
<p class="mb-5">Finished recordings can be played and managed from within CTB Recorder</p>
|
|
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-close"></i>
|
|
Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Portfolio Modal 5 -->
|
|
<div class="portfolio-modal mfp-hide" id="portfolio-modal-5">
|
|
<div class="portfolio-modal-dialog bg-white">
|
|
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-3x fa-times"></i>
|
|
</a>
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="text-secondary text-uppercase mb-0">Settings</h2>
|
|
<hr class="star-dark mb-5">
|
|
<img class="img-fluid mb-5" src="img/settings.png" alt="">
|
|
<p class="mb-5">You can define where the recordings are saved and which media player to use. I recommend <a href="https://mpv.io/" target="_blank">mpv</a>.</p>
|
|
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-close"></i>
|
|
Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Portfolio Modal 6 -->
|
|
<div class="portfolio-modal mfp-hide" id="portfolio-modal-6">
|
|
<div class="portfolio-modal-dialog bg-white">
|
|
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-3x fa-times"></i>
|
|
</a>
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="text-secondary text-uppercase mb-0">Project Name</h2>
|
|
<hr class="star-dark mb-5">
|
|
<img class="img-fluid mb-5" src="img/portfolio/submarine.png" alt="">
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-close"></i>
|
|
Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bootstrap core JavaScript -->
|
|
<script src="vendor/jquery/jquery.min.js"></script>
|
|
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Plugin JavaScript -->
|
|
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
|
|
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
|
|
|
|
<!-- Contact Form JavaScript -->
|
|
<!--
|
|
<script src="js/jqBootstrapValidation.js"></script>
|
|
<script src="js/contact_me.js"></script>
|
|
-->
|
|
|
|
<!-- Custom scripts for this template -->
|
|
<script src="js/freelancer.min.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|