145 lines
7.2 KiB
HTML
Executable File
145 lines
7.2 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Timelapse Now</title>
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<a class="navbar-brand" href="/">
|
|
<img src="//timelapse.tesses.net/favicon.ico" width="30" height="30" class="d-inline-block align-top" alt="">
|
|
TimelapseNow
|
|
|
|
</a>
|
|
|
|
|
|
<div class="navbar-nav">
|
|
<a class="nav-item nav-link active" href="//tesses.net/">Home</a>
|
|
<a class="nav-item nav-link" href="//tesses.net/apps/">Other Apps</a>
|
|
<a class="nav-item nav-link" href="/downloads.html">Downloads</a>
|
|
<a class="nav-item nav-link" href="//gitlab.tesses.net/tesses50/timelapsenow">Source Code</a>
|
|
</div>
|
|
|
|
</nav>
|
|
<div class="container">
|
|
|
|
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="false">
|
|
<div class="carousel-indicators">
|
|
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
|
|
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
|
|
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
|
|
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
|
|
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4" aria-label="Slide 5"></button>
|
|
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="5" aria-label="Slide 6"></button>
|
|
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="6" aria-label="Slide 7"></button>
|
|
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="7" aria-label="Slide 8"></button>
|
|
|
|
</div>
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<img src="gallery/test.png" class="d-block w-100" alt="Test Pattern">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5>Test Pattern</h5>
|
|
<p>Timelapse With Test Pattern Extension from <a href="https://downloads.tesses.net/apps/timelapsenow/extras/TestPattern.tle">Here</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="gallery/fan.png" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5>My Fan</h5>
|
|
<p>A real image from webcam</p>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="gallery/webui-desktop.png" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5>The internal webserver</h5>
|
|
<p>Enable by looking <a href="#enable-server">here</a> for help</p>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="gallery/webui-mobile.png" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5>This is mobile web ui</h5>
|
|
<p>Enable by looking <a href="#enable-server">here</a> for help</p>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="gallery/settings.png" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5>This is the settings</h5>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="gallery/settings2.png" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5>This is the settings scrolled down</h5>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="gallery/save-dialog.png" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5>Custom save dialog (for other Filesystems)</h5>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="gallery/frame-handler-settings.png" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5>Frame Handler Settings</h5>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Next</span>
|
|
</button>
|
|
</div>
|
|
<br>
|
|
<div id="record-in-steps">
|
|
|
|
|
|
<h2>Record in steps, or not the choice is yours</h2>
|
|
<p>
|
|
As any timelapse software should, take a picture at a specific interval
|
|
In this application we made it a little easier, you specify how long you think the project will take and how long you want the video to be (uses simple division),<br>
|
|
Sometimes you may need real time (or close to it) so click that Real Time button (not timelapse anymore)
|
|
</p>
|
|
</div>
|
|
<br>
|
|
<div id="modularity">
|
|
<h2>Do you like programs with plug ins</h2>
|
|
<p>
|
|
If so, this application supports them.
|
|
<br>
|
|
<!-- If you are a .NET 6.0 developer you can follow <a href="making-extensions.html">this</a> to install the tools recomended for making plug ins (called Extensions)-->
|
|
</p>
|
|
</div>
|
|
<br>
|
|
<div id="enable-server">
|
|
<h2>Enabling webserver</h2>
|
|
Yes you heard that right, you can preview timelapse via another device on your network<br>
|
|
|
|
Options->Extension Settings->Timelapse->Settings
|
|
<br>
|
|
Tick "Enable webserver" and change port if necessary
|
|
<br>
|
|
Click "Save" and restart application
|
|
<br>
|
|
After you select camera TimelapseNow Should come up with "Listening on:" with urls, these are the ones you use in browser
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/bootstrap.min.js"></script>
|
|
</body>
|
|
</html> |