194 lines
9.4 KiB
HTML
194 lines
9.4 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 class="active"><a href="getting_started_showing_a_video.html">Show a Video</a></p>
|
||
</li>
|
||
<li>
|
||
<p><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_video_on_displays">Showing a Video on Displays <a href="#showing_a_video_on_displays" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h1>
|
||
<p>Add a <strong>Video</strong> file to your <strong>Media Library</strong> and <strong>Schedule</strong> to play on <strong>Displays</strong>.</p>
|
||
<p>You may have Video content which has been created to showcase product promotions or show company updates to employees, ready to be shown full screen on your Display network.</p>
|
||
<p>Video files are first added to the Library by upload or by URL. For this example a Video file will be uploaded to the CMS Media Library.</p>
|
||
<h3>Add Media</h3>
|
||
<ul>
|
||
<li>
|
||
<p>Click on <strong>Media</strong> under the <strong>Library</strong> section of the main CMS menu.</p>
|
||
</li>
|
||
<li>
|
||
<p>Click the <strong>Add Media</strong> button.</p>
|
||
</li>
|
||
<li>
|
||
<p>Select <strong>Add files</strong> and select the Video file to upload.</p>
|
||
</li>
|
||
<li>
|
||
<p>Use the scroll bar to select a frame to use as the Video thumbnail, to make it easier to identify in Media Library lists.</p>
|
||
</li>
|
||
<li>
|
||
<p>Provide a new <strong>Name</strong> or leave this field blank to keep the original file name.</p>
|
||
</li>
|
||
<li>
|
||
<p>Click <strong>Start upload</strong>.</p>
|
||
</li>
|
||
<li>
|
||
<p>Once uploaded click <strong>Done</strong>.</p>
|
||
</li>
|
||
</ul>
|
||
<h3>Select Media</h3>
|
||
<ul>
|
||
<li>
|
||
<p>From the <strong>Media</strong> grid use the filters to make it easier to find the uploaded video file if required.</p>
|
||
</li>
|
||
<li>
|
||
<p>Use the row menu and select <strong>Schedule</strong>.</p>
|
||
</li>
|
||
<li>
|
||
<p>Select which <strong>Displays</strong> to show the video on.</p>
|
||
</li>
|
||
<li>
|
||
<p>If you want to use the default <strong>Always</strong> schedule, and happy with the default settings and have no further scheduling options to set, you can click <strong>Finish</strong> to complete the schedule.</p>
|
||
</li>
|
||
<li>
|
||
<p>If you want to select alternative created <strong>Dayparts</strong> or <strong>Custom</strong> dates, select <strong>Next</strong>.</p>
|
||
</li>
|
||
<li>
|
||
<p>To configure advanced scheduling options and override the duration of the video for example, click <strong>Next</strong>.</p>
|
||
</li>
|
||
<li>
|
||
<p><strong>Duration in loop</strong> determines how long this video should be shown each time it appears in a <strong>Schedule Loop</strong>.</p>
|
||
</li>
|
||
<li>
|
||
<p>You can specify a <strong>duration</strong> here and provide a lower duration to cut the video short. When setting a higher duration, the video will loop back to the beginning and play to satisfy the duration applied.</p>
|
||
</li>
|
||
<li>
|
||
<p>Click to <strong>Finish</strong> once all relevant fields have been completed.</p>
|
||
</li>
|
||
</ul>
|
||
<p>The CMS will now update a Schedule change and your Video 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_a_playlist.html">Use Playlists to show a carousal/slideshow of images</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 Video?</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_video_v4.html">Showing a Video</a></p>
|
||
<p><em><strong>What are Schedule Loops?</strong></em></p>
|
||
<p>A Schedule Loop is how media content will play when in schedules with other media content. For example, if you have scheduled 2 media items each with a 10 second duration to be shown at the same time for 1 hour, both items will play for their 10 second durations in fair rotation for the scheduled time.</p>
|
||
<p><em><strong>Which file format is recommended for Videos?</strong></em></p>
|
||
<p>We recommend H264 MP4 file format.</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>
|