173 lines
10 KiB
HTML
173 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>OTS Signs Command Center Documentation</title>
|
||
<meta name="viewport" content="width=device-width">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
|
||
<!-- favicon -->
|
||
<link href="../img/favicon.ico" rel="shortcut icon"/>
|
||
|
||
<!-- Bootstrap -->
|
||
<link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||
|
||
<!-- Stylesheets -->
|
||
<link href="../manual.css" rel="stylesheet" media="screen">
|
||
|
||
<!-- META -->
|
||
<meta name="keywords" content="digital signage, signage, narrow-casting, ots-signs, open source, agpl, documentation" />
|
||
<meta name="description" content="OTS Signs Command Center is an open source digital signage solution. It supports all main media types and can be interfaced to other sources of data using CSV, Databases or RSS." />
|
||
</head>
|
||
<body data-toc="getting_started">
|
||
<!-- Copyright 2020 Xibo Signage Ltd. Part of the Xibo Open Source Digital Signage Solution. Released under the AGPLv3 or later. -->
|
||
<nav id="top-nav" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
||
<div class="container">
|
||
<div class="navbar-header">
|
||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#ss-navbar">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
<a href="#" class="navbar-brand">OTS Signs Command Center Documentation</a>
|
||
</div>
|
||
|
||
<div class="collapse navbar-collapse" id="ss-navbar">
|
||
<ul class="nav navbar-nav">
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="ss_body container">
|
||
<div class="row">
|
||
<div class="col-md-3">
|
||
<ul id="side-nav" class="nav nav-pills nav-stacked">
|
||
<li><a href="index.html" data-toc-name="getting_started">Getting Started</a></li><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
|
||
<html><body><ul>
|
||
<li>
|
||
<p><a href="index.html">Introduction</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="getting_started_showing_an_image.html">Show an Image</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="getting_started_showing_a_video.html">Show a Video</a></p>
|
||
</li>
|
||
<li>
|
||
<p class="active"><a href="getting_started_showing_a_playlist.html">Show a Playlist</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="getting_started_sorting_and_filtering.html">Sort and Filter Grids</a></p>
|
||
</li>
|
||
</ul>
|
||
</body></html>
|
||
<li><a href="layouts_editor.html" data-toc-name="layouts">Layouts</a></li><li><a href="media_library.html" data-toc-name="media">Media</a></li><li><a href="media_modules.html" data-toc-name="widgets">Modules</a></li><li><a href="scheduling_events.html" data-toc-name="scheduling">Scheduling</a></li><li><a href="displays.html" data-toc-name="displays">Displays</a></li><li><a href="users_administration.html" data-toc-name="users">Users</a></li><li><a href="configure_cms_settings.html" data-toc-name="configure">Configuration and Organisation</a></li><li><a href="troubleshooting.html" data-toc-name="troubleshooting">Troubleshooting</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-9" role="main">
|
||
<h1 id="showing_a_playlist_on_displays">Showing a Playlist on Displays <a href="#showing_a_playlist_on_displays" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h1>
|
||
<p><strong>Create</strong> a <strong>Playlist</strong> of content and <strong>Schedule</strong> to show on <strong>Displays</strong>.</p>
|
||
<p>You may have a set of content collated to meet a specific requirement which need to be shown in a rotating sequence on Displays. Playlists allow users to streamline resources and organise multiple content types to play in the order they need to be displayed.</p>
|
||
<p>Playlists can have content added by automatic assignment based on selected criteria or by manual selection. For this example Image content already uploaded to the CMS Media Library will be added to a Playlist manually.</p>
|
||
<h2 id="add_playlist">Add Playlist <a href="#add_playlist" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h2>
|
||
<ul>
|
||
<li>Click on <strong>Playlists</strong> under the <strong>Library</strong> section of the main CMS menu.</li>
|
||
<li>Click the <strong>Add Playlist</strong> button.</li>
|
||
<li>Provide a <strong>Name</strong> for easy identification in the CMS.</li>
|
||
<li>Click Save and the <strong>Playlist Editor</strong> will open.</li>
|
||
</ul>
|
||
<h2 id="adding_content">Adding Content <a href="#adding_content" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h2>
|
||
<ul>
|
||
<li>Using the Toolbox, click on <strong>Library image search</strong> to add Images from the CMS Library.</li>
|
||
<li>Use the filters to locate the <strong>Images</strong> to add.</li>
|
||
<li>Drag and drop images to add to the <strong>Timeline</strong>.</li>
|
||
<li>Re-order the sequence by drag and drop.</li>
|
||
</ul>
|
||
<p>You can view the total duration of the Playlist at the top of the Timeline.</p>
|
||
<ul>
|
||
<li>To change the duration of items in the Playlist, click to highlight and select the <strong>Advanced</strong> tab in the <strong>Properties Panel</strong>.</li>
|
||
<li>Tick the <strong>Set a duration</strong> box and provide a new duration in seconds.</li>
|
||
<li>Click the <strong>Save</strong> button to update the total duration of the Timeline.</li>
|
||
<li>Select <strong>Exit</strong> to return to the Playlists grid.</li>
|
||
</ul>
|
||
<h2 id="select_playlist">Select Playlist <a href="#select_playlist" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h2>
|
||
<ul>
|
||
<li>From the Playlists grid use the filters to locate the Playlist.</li>
|
||
<li>Use the row menu and select <strong>Schedule</strong>.</li>
|
||
<li>Select which <strong>Displays</strong> to show the Playlist on.</li>
|
||
<li>If you want to use the default <strong>Always</strong> schedule, and happy with the default settings and have no further advanced scheduling options to set, you can click <strong>Finish</strong> to complete the schedule.</li>
|
||
<li>If you want to select alternative created <strong>Dayparts</strong> or <strong>Custom</strong> dates, select <strong>Next</strong>.</li>
|
||
<li>If you don’t need to apply any further scheduling options and are happy with the defaults set for <strong>Resolution</strong>, <strong>Background Colour</strong> etc. click to <strong>Finish</strong>.</li>
|
||
</ul>
|
||
<p>The CMS will now update a Schedule change and the Playlist will be shown on Displays for the timings set in the schedule.</p>
|
||
<h2 id="further_reading">Further Reading <a href="#further_reading" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h2>
|
||
<p><a href="getting_started_showing_an_image.html">Show a full screen Image on Displays</a></p>
|
||
<p><a href="getting_started_showing_a_video.html">Show a full screen Video on Displays</a></p>
|
||
<p><a href="layouts_editor.html">Use the Layout Editor to create your own content</a></p>
|
||
<h2 id="faqs">FAQs <a href="#faqs" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h2>
|
||
<p><em><strong>I don’t see the wizard when scheduling a Playlist?</strong></em></p>
|
||
<p>A wizard was introduced in v4.4 to simplify the scheduling process. Use the link to view the earlier flow: <a href="getting_started_showing_a_playlist_v4.html">Showing a Playlist</a></p>
|
||
<p><em><strong>Can I add Widgets to a Playlist?</strong></em></p>
|
||
<p>Yes, Widgets can be added using the Playlist Editor using the top button from the Toolbox.</p>
|
||
<p><em><strong>I don’t see any Global or Data Elements to add to my Playlist?</strong></em></p>
|
||
<p>Elements are not available in the Playlist Editor. Data Widgets have a selection of Static Templates to choose from to display your data.</p>
|
||
<p><em><strong>Do I have to upload the files I want to use to the CMS Media Library before creating a Playlist?</strong></em></p>
|
||
<p>No, you can upload media directly to a Playlist by dragging the Upload card for a selected media type to the Timeline and use the file uploader.</p>
|
||
|
||
</div>
|
||
</div>
|
||
</div> <!-- container-->
|
||
<footer class="ss_footer" role="contentinfo">
|
||
<div class="container">
|
||
<div class="pull-right">
|
||
<img class="img-responsive logo" src="../img/logo.png" alt="OTS Signs Command Center" />
|
||
</div>
|
||
|
||
<p class="ss_back_to_top">Back to Top</p>
|
||
|
||
<p class="ss_footer_links">Currently v4</p>
|
||
|
||
<p class="ss_languages"><a href="../en/index.html">en</a></p>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- JavaScript -->
|
||
<script src="../vendor/jquery/jquery.min.js"></script>
|
||
<script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
|
||
<script type="text/javascript">
|
||
$(document).ready(function() {
|
||
$(".ss-sidebar .list-group li").addClass("list-group-item");
|
||
$(".ss_body img").addClass("img-thumbnail");
|
||
$(".ss_body table").addClass("table");
|
||
|
||
// Set the selected page based on the TOC name
|
||
// Mark the appropriate top nav element as the selected page
|
||
$("#top-nav a").each(function() {
|
||
if ($(this).data().tocName == $("body").data().toc)
|
||
$(this).parent().addClass("active");
|
||
});
|
||
|
||
$(".ss_back_to_top").click(function() {
|
||
$('html, body').animate({scrollTop : 0},800);
|
||
});
|
||
|
||
if (inIframe()) {
|
||
console.log("In Frame");
|
||
$("#top-nav").css("display", "none");
|
||
$(".ss-sidebar").parent().css("display", "none");
|
||
}
|
||
});
|
||
|
||
function inIframe () {
|
||
try {
|
||
return window.self !== window.top;
|
||
} catch (e) {
|
||
return true;
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|