159 lines
7.0 KiB
HTML
159 lines
7.0 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<!-- Required meta tags -->
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
|
||
<!-- Bootstrap CSS -->
|
||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
|
||
|
||
<!-- Custom fonts for this template -->
|
||
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
|
||
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
|
||
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||
|
||
<!-- Plugin CSS -->
|
||
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
|
||
|
||
<!-- Custom styles for this template -->
|
||
<link href="css/creative.min.css" rel="stylesheet">
|
||
|
||
<style>
|
||
header.masthead {
|
||
padding-top: 10rem;
|
||
padding-bottom: calc(10rem - 56px);
|
||
background-image: url("img/header.jpg");
|
||
background-position: center center;
|
||
background-size: cover;
|
||
}
|
||
.bg-dark{
|
||
padding:2rem 0
|
||
}
|
||
</style>
|
||
|
||
<title>LibreTime Radio Automation - Interface Tour</title>
|
||
</head>
|
||
<body id="page-top">
|
||
|
||
<!-- Navigation -->
|
||
<nav class="navbar navbar-expand-lg navbar-light fixed-top navbar-shrink" id="mainNav">
|
||
<div class="container">
|
||
<a class="navbar-brand js-scroll-trigger" href="index"> LibreTime Radio Automation </a>
|
||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||
<ul class="navbar-nav ml-auto">
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link js-scroll-trigger" href="quickstart">Install</a>
|
||
</li>
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link js-scroll-trigger" href="features">Features</a>
|
||
</li>
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link js-scroll-trigger" href="tour">Tour</a>
|
||
</li>
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link js-scroll-trigger" href="faq">FAQ</a>
|
||
</li>
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link js-scroll-trigger" href="advanced-configuration">Docs</a>
|
||
</li>
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link js-scroll-trigger" href="contribute">Help Us!</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="container-lg">
|
||
<nav class="content">
|
||
<html>
|
||
<head>
|
||
<style>
|
||
section{padding:4rem 0}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<section class="bg-primary">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-8 mx-auto text-center">
|
||
<h2 class="section-heading text-white"> Interface Tour </h2>
|
||
<hr class="light my-4">
|
||
<p class="text-faded mb-4">
|
||
See what LibreTime can do!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<h2 id="listen">Listen</h2>
|
||
|
||
<p><img src="img/listen-button.png" alt="" /></p>
|
||
|
||
<p>In the Master Panel, beneath the <strong>ON AIR</strong> indicator, you will find the <strong>LISTEN</strong> button. This button opens a
|
||
pop-up <strong>Live stream</strong> window, which enables you to monitor the streams that have been configured previously
|
||
in the <strong>Streams</strong> page on the <strong>System</strong> menu. In the <strong>Live stream</strong> window, a drop-down menu enables you to
|
||
switch between the streams which are currently available. Both the streaming server and name of the stream are
|
||
shown. Your station logo is shown in the top left corner of the window, if you have uploaded one via
|
||
the <strong>Preferences</strong> page on the <strong>System</strong> menu.</p>
|
||
|
||
<p><img src="img/Screenshot477-Live_stream_chooser.png" alt="" /></p>
|
||
|
||
<blockquote>
|
||
<p>Note: the volume controls in the Listen window only affect what you hear on your computer, not LibreTime’s main output</p>
|
||
</blockquote>
|
||
|
||
<p><img src="img/Screenshot478-Live_stream_mute.png" alt="" /> </p>
|
||
|
||
<p>To display the URL of the stream you are monitoring, so that you can copy and paste it into an email or web page, click the <strong>Share</strong> button. Click the <strong>X</strong> icon to the right of the URL to return to the drop-down menu of available streams.</p>
|
||
|
||
<p><img src="img/Screenshot479-Live_stream_share.png" alt="" /></p>
|
||
|
||
<h2 id="radio-page">Radio page</h2>
|
||
|
||
<p><img src="img/radio-page.png" alt="" /></p>
|
||
|
||
<p>LibreTime includes a mini-site, which can be accessed at <em>serverIP</em> (for local installations), or
|
||
<em>libretime.yourdomain.com</em> or <em>cloudvmIP</em> (for installations to a server on a domain). The site includes your
|
||
logo and station description (set under Settings > General), the login button to the LibreTime interface, the schedule for the next seven days,
|
||
podcast tabs, and a live feed of your station with the currently playing artist and track displayed.</p>
|
||
|
||
<p>The background of the radio page can be changed; see instructions <a href="interface-customization">here</a>.</p>
|
||
|
||
|
||
</body>
|
||
</html>
|
||
|
||
</nav>
|
||
</div>
|
||
|
||
<footer>
|
||
<section class="bg-dark text-white">
|
||
<div class="text-footer">
|
||
<small>Hosted on GitHub Pages — Theme by <a href="https://github.com/ned-kelly">ned-kelly</a> and <a href="https://github.com/zklosko">Zachary Klosko</a> | </small>
|
||
<small>Code and docs licensed under GPLv2. More details <a href="http://sourcefabric.booktype.pro/airtime-25-for-broadcasters/about-this-manual/">here</a>. </small>
|
||
</div>
|
||
</section>
|
||
</footer>
|
||
|
||
<!-- Optional JavaScript -->
|
||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
|
||
</body>
|
||
</html>
|