forked from j62/ctbrec
1
0
Fork 0

update site

This commit is contained in:
J62 2025-03-14 12:14:31 -07:00
parent c09f44642e
commit 8003d5614d
1 changed files with 570 additions and 504 deletions

View File

@ -2,14 +2,14 @@
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-129283922-1"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6CHNT0DY87"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-129283922-1');
gtag('config', 'G-6CHNT0DY87');
</script>
<meta charset="utf-8">
@ -25,7 +25,8 @@
<!-- 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">
<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">
@ -42,8 +43,12 @@
<!-- 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://git.ctbrec.com/j62/ctbrec/raw/branch/main/client/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">
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img
src="https://git.ctbrec.com/j62/ctbrec/raw/branch/main/client/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>
@ -63,7 +68,8 @@
</li>
<li class="nav-item mx-0 mx-lg-1">
<a href="#donate" class="js-scroll-trigger" style="float:right; margin-left: 10px">
<img src="img/buymeacoffee/Button/button-red.png" alt="Buy a coffee" style="width:150px; padding-top: 7px"/>
<img src="img/buymeacoffee/Button/button-red.png" alt="Buy a coffee"
style="width:150px; padding-top: 7px" />
</a>
</li>
</ul>
@ -79,7 +85,9 @@
-->
<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 different camsites.<br/>Currently supported: Amateur.tv, BongaCams, Cam4, CamSoda, Chaturbate, CherryTV, Dreamcam, FC2Live, Flirt4free, LiveJasmin, MV Live, MyFreeCams, SecretFriends, Showup.tv, Streamate, Stripchat, Streamray, WinkTV, XLoveCam</h2>
<h2 class="font-weight-light mb-0">A free recording software for different camsites.<br />Currently supported:
Amateur.tv, BongaCams, Cam4, CamSoda, Chaturbate, CherryTV, Dreamcam, FC2Live, Flirt4free, LiveJasmin, MV Live,
MyFreeCams, SecretFriends, Showup.tv, Streamate, Stripchat, Streamray, WinkTV, XLoveCam</h2>
</div>
</header>
@ -90,14 +98,18 @@
<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>
<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 different cam sites. 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>
<p class="lead">CTB Recorder allows you to record any public show on different cam sites. 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>
let cnt = 10;
function downloadCounter(uri) {
window.setTimeout(function () {
if (cnt === 0) {
@ -109,6 +121,7 @@
}
}, 1000);
}
function downloadFile(uri) {
cnt = 10;
$('#download-counter').show();
@ -118,19 +131,22 @@
</script>
<div class="row text-center">
<div class="col">
<a id="download_windows" class="btn btn-xl btn-outline-dark" href="#donate" onclick="downloadFile('https://git.ctbrec.com/j62/ctbrec/releases/download/5.3.3/ctbrec-5.3.3-win64-jre.zip');">
<a id="download_windows" class="btn btn-xl btn-outline-dark" href="#donate"
onclick="downloadFile('https://git.ctbrec.com/j62/ctbrec/releases/download/5.3.3/ctbrec-5.3.3-win64-jre.zip');">
<i class="fa fa-windows mr-2"></i>
Download for Windows!
</a>
</div>
<div class="col">
<a id="download_macos" class="btn btn-xl btn-outline-dark" href="#donate" onclick="downloadFile('https://git.ctbrec.com/j62/ctbrec/releases/download/5.3.3/ctbrec-5.3.3-macos-jre.zip');">
<a id="download_macos" class="btn btn-xl btn-outline-dark" href="#donate"
onclick="downloadFile('https://git.ctbrec.com/j62/ctbrec/releases/download/5.3.3/ctbrec-5.3.3-macos-jre.zip');">
<i class="fa fa-apple mr-2"></i>
Download for macOS!
</a>
</div>
<div class="col">
<a id="download_linux" class="btn btn-xl btn-outline-dark" href="#donate" onclick="downloadFile('https://git.ctbrec.com/j62/ctbrec/releases/download/5.3.3/ctbrec-5.3.3-linux-jre.zip');">
<a id="download_linux" class="btn btn-xl btn-outline-dark" href="#donate"
onclick="downloadFile('https://git.ctbrec.com/j62/ctbrec/releases/download/5.3.3/ctbrec-5.3.3-linux-jre.zip');">
<i class="fa fa-linux mr-2"></i>
Download for Linux!
</a>
@ -147,8 +163,11 @@
<div class="col-lg-10 mx-auto text-center">
<p id="download-counter" class="lead text-center" style="display:none"></p>
<p class="lead">
CTB Recorder is free and open source. (Originally created by 0xboobface). I'm a student and am helping with current development, hosting this site, git(source code repo) and more on servers I am providing for free 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!
CTB Recorder is free and open source. (Originally created by 0xboobface). I'm a student and am helping with
current development, hosting this site, git(source code repo) and more on servers I am providing for free 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>
@ -163,21 +182,24 @@
</p>
</div>
<div class="col">
<p class="lead">
<a href="https://www.patreon.com/j62ctbrec" target="_blank">
<img src="img/patreon-round.png" alt="Patreon" style="height: 160px; margin: 20px" />
</a><br />
<input type="button" value="Patreon"
onclick="window.open('https://www.patreon.com/j62ctbrec','_blank')">
<input type="button" value="Patreon" onclick="window.open('https://www.patreon.com/j62ctbrec','_blank')">
</p>
</div>
</div>
<br/><br/>
<div class="row text-center">
<div class="col">
<p class="lead">
<a href="https://chaturbate.com/in/?track=default&amp;tour=LQps&amp;campaign=97mhH&amp;room=0xb00bface" target="_blank" title="If you buy tokens by using this button, Chaturbate will award me 20% of the tokens' value for sending you over. You get the full tokens and it doesn't cost you any more!">
<a href="https://chaturbate.com/in/?track=default&amp;tour=LQps&amp;campaign=97mhH&amp;room=0xb00bface"
target="_blank"
title="If you buy tokens by using this button, Chaturbate will award me 20% of the tokens' value for sending you over. You get the full tokens and it doesn't cost you any more!">
<img src="img/token.png" alt="Buy Chaturbate tokens" />
</a><br />
<input type="button" value="Buy tokens"
@ -186,7 +208,25 @@
</p>
</div>
</div>
<br>
<div class="row text-center">
<!-- Crypto Donation Section -->
<div id="crypto-donate" class="lead text-center">
<h3>Donate with Cryptocurrency</h3>
<p class="lead">Support us by donating with crypto. Thank you for your support!</p>
<ul class="list-unstyled">
<li><strong>BTC:</strong> bc1q7fvtkx8wklvd4zttsec7sfgxqh9zadk0x236lt</li>
<li><strong>ETH:</strong> 0x2e687A5628ff16c8f9624A914C1f727000089C3A</li>
<li><strong>Solana:</strong> Z5YwNPkLheSHuaSJjyHhg3L8UxjpJPt5WU6vu4hFsNR</li>
<li><strong>Monero:</strong>
47tjD1z63wu3FEnDCvWnFaRAZbpDKc3Ys1WCbgzvB2Gg8XbqU8bARpcCC37mWzuWBAeZPu2UGY4TAcYGhb6fptoTR8X9vjc</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Screenshots Grid Section -->
@ -273,7 +313,8 @@
<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">
<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>
@ -282,8 +323,8 @@
<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>.
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>
@ -292,21 +333,27 @@
<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">
<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/>
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 it is <code>~/.config/ctbrec/server.json</code><br />
On macOS it is <code>/Users/{your user name}/Library/Preferences/ctbrec</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".
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>
@ -315,14 +362,16 @@
<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">
<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
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>
@ -332,14 +381,16 @@
<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">
<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>.
Go to the project website and <a href="https://github.com/0xboobface/ctbrec/issues">create a new
Issue</a>.
</div>
</div>
</div>
@ -348,14 +399,16 @@
<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">
<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>.
Go to the project website and <a href="https://github.com/0xboobface/ctbrec/issues">create a new
Issue</a>.
</div>
</div>
</div>
@ -364,14 +417,16 @@
<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">
<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>.
Go to the project website and <a href="https://github.com/0xboobface/ctbrec/issues">create a new
Issue</a>.
</div>
</div>
</div>
@ -389,7 +444,8 @@
<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://git.ctbrec.com/j62/ctbrec">CTBRec Gitea</a>.
CTB Recorder is free and open source. The source code is available on <a
href="https://git.ctbrec.com/j62/ctbrec">CTBRec Gitea</a>.
</p>
</div>
</div>
@ -475,7 +531,8 @@
<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>
<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>
@ -497,7 +554,8 @@
<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>
<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>
@ -519,7 +577,8 @@
<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>
<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>
@ -563,7 +622,8 @@
<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>
<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>
@ -619,9 +679,15 @@
}).done(function (releases) {
let latest = releases[0];
let version = latest.tag_name;
$('#download_windows').on('click', () => downloadFile('https://github.com/0xboobface/ctbrec/releases/download/'+version+'/ctbrec-'+version+'-win64-jre.zip'));
$('#download_macos').on('click', () => downloadFile('https://github.com/0xboobface/ctbrec/releases/download/'+version+'/ctbrec-'+version+'-macos-jre.zip'));
$('#download_linux').on('click', () => downloadFile('https://github.com/0xboobface/ctbrec/releases/download/'+version+'/ctbrec-'+version+'-linux-jre.zip'));
$('#download_windows').on('click', () => downloadFile(
'https://github.com/0xboobface/ctbrec/releases/download/' + version + '/ctbrec-' + version +
'-win64-jre.zip'));
$('#download_macos').on('click', () => downloadFile(
'https://github.com/0xboobface/ctbrec/releases/download/' + version + '/ctbrec-' + version +
'-macos-jre.zip'));
$('#download_linux').on('click', () => downloadFile(
'https://github.com/0xboobface/ctbrec/releases/download/' + version + '/ctbrec-' + version +
'-linux-jre.zip'));
});
</script>