<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>(r1.1 vs. r1.6) TimeBar &lt; Cinelerra &lt; TWiki</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="robots" content="noindex" />
<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="http://www.ftconsult.com/twiki/bin/view/Cinelerra/WebRss?skin=rss&contenttype=text/xml" />
<!-- <base href="../../view/Cinelerra/TimeBar" /> -->
<style type="text/css" media="all">
	/* Default TWiki layout */
	@import url('../../../pub/TWiki/PatternSkin/layout.css');
	/* Default TWiki style */
	@import url('../../../pub/TWiki/PatternSkin/style.css');
	/* Custom overriding layout per web or per topic */
	@import url('http://www.ftconsult.com/twiki/bin/view/Cinelerra/%USERLAYOUTURL%');
	/* Custom overriding style per web or per topic */
	@import url('http://www.ftconsult.com/twiki/bin/view/Cinelerra/%USERSTYLEURL%');
	.twikiToc li {
		list-style-image:url('../../../pub/TWiki/PatternSkin/i_arrow_down.gif');
	}	        
	.twikiWebIndicator {
		background-color:#D0D0D0;
	}
</style>
<style type="text/css" media="all"></style>
<script type="text/javascript">
<!-- HIDE
	function initPage() { }
-->
</script>
</head>
<body class="twikiNoViewPage twikiDiffPage"><a name="PageTop"></a>
<div class="twikiMiddleContainer"><div class="twikiMain"><div class="twikiSearchResults"><div class="twikiSearchResultsHeader">&nbsp;<tt><b>&lt;&lt;O&gt;&gt;</b></tt>&nbsp; Difference Topic
		<b><a href="../../view/Cinelerra/TimeBar">TimeBar</a></b>
		(<a href="http://www.ftconsult.com/twiki/bin/view/Cinelerra/TimeBar?rev=r1.6">r1.6</a> - 10&nbsp;Jan&nbsp;2004 - <a class="twikiLink" href="../../view/Main/AlexFerrer">AlexFerrer</a>)</div>
<table class="twikiDiffTable" width="100%" cellspacing="0">
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
<h3><a name="The_TimeBar"> </a> The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> </h3>
<img src="../../../pub/Cinelerra/CinelerraImages/timebar.png" alt="timebar.png" />
<p />
The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> is located below the video output window on the <a class="twikiLink" href="../../view/Cinelerra/Viewer">viewer</a> and <a class="twikiLink" href="../../view/Cinelerra/Compositor">compositor</a> windows
</td></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffChangedHeader" colspan ="9"><b> Changed: </b></td></tr>
<tr><td bgcolor="#ff9999" class="twikiDiffDeletedMarker" valign="top" width="1%">&lt;<br />&lt;</td>
<td class="twikiDiffDeletedText">
The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> represents the entire time covered by the program. When you define labels and <a class="twikiLink" href="../../view/Cinelerra/InOutPoint">InOutPoints</a> it defines those, too. Finally the <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> defines a region known as the <a class="twikiLink" href="../../view/Cinelerra/PreviewRegion">PreviewRegion</a>.
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> is a visual guide to represents the entire time covered by the program, the position of the <a class="twikiLink" href="../../view/Cinelerra/InsertionPoint">InsertionPoint</a> (as a vertical <strong>|</strong> line)and if you define  <a class="twikiLink" href="../../view/Cinelerra/LabelControl">labels</a> or <a class="twikiLink" href="../../view/Cinelerra/InOutPoint">InOutPoints</a> it displays those, too. Finally the <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> defines a region known as the <a class="twikiLink" href="../../view/Cinelerra/PreviewRegion">PreviewRegion</a>.
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
<p />
</td></tr>
<tr><td bgcolor="#FFD7D7" class="twikiDiffDeletedHeader" colspan ="9"><b> Deleted: </b>
</td></tr>
<tr><td bgcolor="#ff9999" class="twikiDiffDeletedMarker" valign="top" width="1%">&lt;<br />&lt;</td>
<td class="twikiDiffDeletedText">
If set, <a class="twikiLink" href="../../view/Cinelerra/LabelControl">labels</a> and <a class="twikiLink" href="../../view/Cinelerra/InOutPoint">InOutPoints</a> are displayed in the timebar. 
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
-- <a class="twikiLink" href="../../view/Main/AlexFerrer">AlexFerrer</a> - 21 Dec 2003 from <a class="twikiLink" href="../../view/Cinelerra/SecretsOfCinelerra">SecretsOfCinelerra</a> <em>refactored 01 Jan 2004</em>
<hr />
</td></tr>

</table></div><div class="twikiSearchResults"><div class="twikiSearchResultsHeader">&nbsp;<tt><b>&lt;&lt;O&gt;&gt;</b></tt>&nbsp; Difference Topic
		<b><a href="../../view/Cinelerra/TimeBar">TimeBar</a></b>
		(<a href="http://www.ftconsult.com/twiki/bin/view/Cinelerra/TimeBar?rev=r1.5">r1.5</a> - 07&nbsp;Jan&nbsp;2004 - <a class="twikiLink" href="../../view/Main/AlexFerrer">AlexFerrer</a>)</div>
<table class="twikiDiffTable" width="100%" cellspacing="0">
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
<h3><a name="The_TimeBar"> </a> The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> </h3>
</td></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffChangedHeader" colspan ="9"><b> Changed: </b></td></tr>
<tr><td bgcolor="#ff9999" class="twikiDiffDeletedMarker" valign="top" width="1%">&lt;<br />&lt;</td>
<td class="twikiDiffDeletedText">
<img src="../../../pub/Cinelerra/CinelerraImages/timebar.png" />
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
<img src="../../../pub/Cinelerra/CinelerraImages/timebar.png" alt="timebar.png" />
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
<p />
The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> is located below the video output window on the <a class="twikiLink" href="../../view/Cinelerra/Viewer">viewer</a> and <a class="twikiLink" href="../../view/Cinelerra/Compositor">compositor</a> windows
</td></tr>

</table></div><div class="twikiSearchResults"><div class="twikiSearchResultsHeader">&nbsp;<tt><b>&lt;&lt;O&gt;&gt;</b></tt>&nbsp; Difference Topic
		<b><a href="../../view/Cinelerra/TimeBar">TimeBar</a></b>
		(<a href="http://www.ftconsult.com/twiki/bin/view/Cinelerra/TimeBar?rev=r1.4">r1.4</a> - 02&nbsp;Jan&nbsp;2004 - <a class="twikiLink" href="../../view/Main/AlexFerrer">AlexFerrer</a>)</div>
<table class="twikiDiffTable" width="100%" cellspacing="0">
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
<h3><a name="The_TimeBar"> </a> The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> </h3>
<img src="../../../pub/Cinelerra/CinelerraImages/timebar.png" />
</td></tr>
<tr bgcolor="#eeeeee" class="twikiDiffLineNumberHeader"><th align="left" colspan="9">Line: 7 to 7</th></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> represents the entire time covered by the program. When you define labels and <a class="twikiLink" href="../../view/Cinelerra/InOutPoint">InOutPoints</a> it defines those, too. Finally the <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> defines a region known as the <a class="twikiLink" href="../../view/Cinelerra/PreviewRegion">PreviewRegion</a>.
</td></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffChangedHeader" colspan ="9"><b> Changed: </b></td></tr>
<tr><td bgcolor="#ff9999" class="twikiDiffDeletedMarker" valign="top" width="1%">&lt;<br />&lt;</td>
<td class="twikiDiffDeletedText">
If set, Labels and <a class="twikiLink" href="../../view/Cinelerra/InOutPoint">InOutPoints</a> are displayed in the timebar. 
<p />
<h3><a name="Labels_and_InOutPoints_Ed_should"> </a> Labels and <a class="twikiLink" href="../../view/Cinelerra/InOutPoint">InOutPoints</a>  (Ed: should re-factor) </h3>
Labels and in/out points are fully supported in the viewer and compositor. The only difference between the viewer and compositor is the compositor reflects the state of the program while the viewer reflects the state of a clip but not the program.
<p />
<ul>
<li> When you hit the label button in the <a class="twikiLink" href="../../view/Cinelerra/Compositor">compositor</a>, the label appears both in the <a class="twikiLink" href="../../view/Cinelerra/Compositor">compositor</a> timebar and the program timebar.
</li>
</ul>
<p />
<ul>
<li> When you select a label or in/out point in the <a class="twikiLink" href="../../view/Cinelerra/Compositor">compositor</a>, the program window jumps to that position.
</li>
</ul>
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
If set, <a class="twikiLink" href="../../view/Cinelerra/LabelControl">labels</a> and <a class="twikiLink" href="../../view/Cinelerra/InOutPoint">InOutPoints</a> are displayed in the timebar. 
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
<p />
-- <a class="twikiLink" href="../../view/Main/AlexFerrer">AlexFerrer</a> - 21 Dec 2003 from <a class="twikiLink" href="../../view/Cinelerra/SecretsOfCinelerra">SecretsOfCinelerra</a> <em>refactored 01 Jan 2004</em>
<hr />
</td></tr>

</table></div><div class="twikiSearchResults"><div class="twikiSearchResultsHeader">&nbsp;<tt><b>&lt;&lt;O&gt;&gt;</b></tt>&nbsp; Difference Topic
		<b><a href="../../view/Cinelerra/TimeBar">TimeBar</a></b>
		(<a href="http://www.ftconsult.com/twiki/bin/view/Cinelerra/TimeBar?rev=r1.3">r1.3</a> - 02&nbsp;Jan&nbsp;2004 - <a class="twikiLink" href="../../view/Main/AlexFerrer">AlexFerrer</a>)</div>
<table class="twikiDiffTable" width="100%" cellspacing="0">
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
<h3><a name="The_TimeBar"> </a> The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> </h3>
<img src="../../../pub/Cinelerra/CinelerraImages/timebar.png" />
<p />
The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> is located below the video output window on the <a class="twikiLink" href="../../view/Cinelerra/Viewer">viewer</a> and <a class="twikiLink" href="../../view/Cinelerra/Compositor">compositor</a> windows
</td></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffChangedHeader" colspan ="9"><b> Changed: </b></td></tr>
<tr><td bgcolor="#ff9999" class="twikiDiffDeletedMarker" valign="top" width="1%">&lt;<br />&lt;</td>
<td class="twikiDiffDeletedText">
The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> represents the entire time covered by the program. When you define labels and in/out points it defines those, too. Finally the timebar defines a region known as the preview region.
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> represents the entire time covered by the program. When you define labels and <a class="twikiLink" href="../../view/Cinelerra/InOutPoint">InOutPoints</a> it defines those, too. Finally the <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> defines a region known as the <a class="twikiLink" href="../../view/Cinelerra/PreviewRegion">PreviewRegion</a>.
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">

</td></tr>
<tr><td bgcolor="#FFD7D7" class="twikiDiffDeletedHeader" colspan ="9"><b> Deleted: </b>
</td></tr>
<tr><td bgcolor="#ff9999" class="twikiDiffDeletedMarker" valign="top" width="1%">&lt;<br />&lt;</td>
<td class="twikiDiffDeletedText">
<img src="../../../pub/Cinelerra/CinelerraImages/preview_region.png" />
The preview region is the region of the timeline which the slider effects. The <span class="twikiNewLink" style="background : #FFFFCE;"><font color="#0000FF">slider</font><a href="http://www.ftconsult.com/twiki/bin/edit/Cinelerra/Slider?topicparent=Cinelerra.TimeBar"><sup>?</sup></a></span> only covers the time covered by the preview region. By using a preview region inside the entire program and using the slider inside the preview region you can quickly and precisely seek in the <a class="twikiLink" href="../../view/Cinelerra/Compositor">compositor</a> and <a class="twikiLink" href="../../view/Cinelerra/Viewer">viewer</a>.
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">

</td></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffChangedHeader" colspan ="9"><b> Changed: </b></td></tr>
<tr><td bgcolor="#ff9999" class="twikiDiffDeletedMarker" valign="top" width="1%">&lt;<br />&lt;</td>
<td class="twikiDiffDeletedText">
When you replace the current project with a file the preview region automatically resizes to cover the entire file. When you append data or change the size of the current project, the preview region stays the same size and shrinks. Therefore, you need to resize the preview region.
<p />
Load a file and then slide around it using the compositor slider. The insertion point in the main window follows the compositor. Move the pointer over the compositor's timebar until it turns into a left resize pointer. The click and drag right. The preview region should have changed and the slider resized proportionally.
<p />
Go to the right of the timebar until a right resize pointer appears. Drag left so the preview region shrinks.
<p />
Go to the center of the preview region in the timebar and drag it around to convince yourself if can be moved.
<p />
previewregion.png
<p />
Preview region in compositor
<p />
If you go to the slider and slide it around with the preview region shrunk, you'll see the slider only affects the preview region. The timebar and slider in the viewer window work exactly the same.
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
If set, Labels and <a class="twikiLink" href="../../view/Cinelerra/InOutPoint">InOutPoints</a> are displayed in the timebar. 
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">

</td></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffAddedHeader" colspan ="9"><b> Added:   </b>
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
<h3><a name="Labels_and_InOutPoints_Ed_should"> </a> Labels and <a class="twikiLink" href="../../view/Cinelerra/InOutPoint">InOutPoints</a>  (Ed: should re-factor) </h3>
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
Labels and in/out points are fully supported in the viewer and compositor. The only difference between the viewer and compositor is the compositor reflects the state of the program while the viewer reflects the state of a clip but not the program.
</td></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffChangedHeader" colspan ="9"><b> Changed: </b></td></tr>
<tr><td bgcolor="#ff9999" class="twikiDiffDeletedMarker" valign="top" width="1%">&lt;<br />&lt;</td>
<td class="twikiDiffDeletedText">
When you hit the label button in the compositor, the label appears both in the compositor timebar and the program timebar.
<p />
When you select a label or in/out point in the compositor, the program window jumps to that position.
<p />
viewer_labels.png Labels and in/out points in the viewer.
<p />
In the viewer and compositor, labels and in/out points are displayed in the timebar. Instead of displaying just a region of the program, the timebar displays the entire program here.
<p />
Like the Program window, the Compositor has a zoom capability. First, the pulldown menu on the bottom of the compositor window has a number of zoom options. When set to Auto the video is zoomed to match the compositor window size as closely as possible. When set to any other percentage, the video is zoomed a power of 2 and scrollbars can be used to scroll around the output. When the video is zoomed bigger than the window size, not only do scrollbars scan around it but middle mouse button dragging in the video output scans around it. This is exactly when The Gimp does.
<p />
Furthermore, the zoom magnify.png toggle causes the Compositor window to enter zoom mode. In zoom mode, clicking in the video output zooms in while ctrl-clicking in the video output zooms out. If you have a wheel mouse, rotating the wheel zooms in or out too.
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
<ul>
<li> When you hit the label button in the <a class="twikiLink" href="../../view/Cinelerra/Compositor">compositor</a>, the label appears both in the <a class="twikiLink" href="../../view/Cinelerra/Compositor">compositor</a> timebar and the program timebar.
</li>
</ul>
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">

</td></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffChangedHeader" colspan ="9"><b> Changed: </b></td></tr>
<tr><td bgcolor="#ff9999" class="twikiDiffDeletedMarker" valign="top" width="1%">&lt;<br />&lt;</td>
<td class="twikiDiffDeletedText">
Zooming in or out with the zoom tool does not change the rendered output, mind you. It's merely for scrutinizing video or fitting it in the desktop.
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
<ul>
<li> When you select a label or in/out point in the <a class="twikiLink" href="../../view/Cinelerra/Compositor">compositor</a>, the program window jumps to that position.
</li>
</ul>
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
<p />
</td></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffChangedHeader" colspan ="9"><b> Changed: </b></td></tr>
<tr><td bgcolor="#ff9999" class="twikiDiffDeletedMarker" valign="top" width="1%">&lt;<br />&lt;</td>
<td class="twikiDiffDeletedText">
-- <a class="twikiLink" href="../../view/Main/AlexFerrer">AlexFerrer</a> - 21 Dec 2003 from <a class="twikiLink" href="../../view/Cinelerra/SecretsOfCinelerra">SecretsOfCinelerra</a>
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
-- <a class="twikiLink" href="../../view/Main/AlexFerrer">AlexFerrer</a> - 21 Dec 2003 from <a class="twikiLink" href="../../view/Cinelerra/SecretsOfCinelerra">SecretsOfCinelerra</a> <em>refactored 01 Jan 2004</em>
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
<hr />
</td></tr>

</table></div><div class="twikiSearchResults"><div class="twikiSearchResultsHeader">&nbsp;<tt><b>&lt;&lt;O&gt;&gt;</b></tt>&nbsp; Difference Topic
		<b><a href="../../view/Cinelerra/TimeBar">TimeBar</a></b>
		(<a href="http://www.ftconsult.com/twiki/bin/view/Cinelerra/TimeBar?rev=r1.2">r1.2</a> - 01&nbsp;Jan&nbsp;2004 - <a class="twikiLink" href="../../view/Main/AlexFerrer">AlexFerrer</a>)</div>
<table class="twikiDiffTable" width="100%" cellspacing="0">
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
<h3><a name="The_TimeBar"> </a> The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> </h3>
</td></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffAddedHeader" colspan ="9"><b> Added:   </b>
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
<img src="../../../pub/Cinelerra/CinelerraImages/timebar.png" />
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">

</td></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffChangedHeader" colspan ="9"><b> Changed: </b></td></tr>
<tr><td bgcolor="#ff9999" class="twikiDiffDeletedMarker" valign="top" width="1%">&lt;<br />&lt;</td>
<td class="twikiDiffDeletedText">
The navigation features of the Viewer and Compositor behave very similarly. Each has a timebar and slider below the video output. The timebar and slider are critical for navigation.
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> is located below the video output window on the <a class="twikiLink" href="../../view/Cinelerra/Viewer">viewer</a> and <a class="twikiLink" href="../../view/Cinelerra/Compositor">compositor</a> windows
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">

</td></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffChangedHeader" colspan ="9"><b> Changed: </b></td></tr>
<tr><td bgcolor="#ff9999" class="twikiDiffDeletedMarker" valign="top" width="1%">&lt;<br />&lt;</td>
<td class="twikiDiffDeletedText">
timebarslider.png
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> represents the entire time covered by the program. When you define labels and in/out points it defines those, too. Finally the timebar defines a region known as the preview region.
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">

</td></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffChangedHeader" colspan ="9"><b> Changed: </b></td></tr>
<tr><td bgcolor="#ff9999" class="twikiDiffDeletedMarker" valign="top" width="1%">&lt;<br />&lt;</td>
<td class="twikiDiffDeletedText">
The timebar represents the entire time covered by the program. When you define labels and in/out points it defines those, too. Finally the timebar defines a region known as the preview region.
<p />
The preview region is the region of the timeline which the slider effects. The slider only covers the time covered by the preview region. By using a preview region inside the entire program and using the slider inside the preview region you can quickly and precisely seek in the compositor and viewer.
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
<img src="../../../pub/Cinelerra/CinelerraImages/preview_region.png" />
The preview region is the region of the timeline which the slider effects. The <span class="twikiNewLink" style="background : #FFFFCE;"><font color="#0000FF">slider</font><a href="http://www.ftconsult.com/twiki/bin/edit/Cinelerra/Slider?topicparent=Cinelerra.TimeBar"><sup>?</sup></a></span> only covers the time covered by the preview region. By using a preview region inside the entire program and using the slider inside the preview region you can quickly and precisely seek in the <a class="twikiLink" href="../../view/Cinelerra/Compositor">compositor</a> and <a class="twikiLink" href="../../view/Cinelerra/Viewer">viewer</a>.
</td></tr>
<tr><td valign="top" bgcolor="#ffffff" class="twikiDiffUnchangedText" width="1%"><br /></td>
<td class="twikiDiffUnchangedText">
<p />
When you replace the current project with a file the preview region automatically resizes to cover the entire file. When you append data or change the size of the current project, the preview region stays the same size and shrinks. Therefore, you need to resize the preview region.
</td></tr>

</table></div><div class="twikiSearchResults"><div class="twikiSearchResultsHeader">&nbsp;<tt><b>&lt;&lt;O&gt;&gt;</b></tt>&nbsp; Difference Topic
		<b><a href="../../view/Cinelerra/TimeBar">TimeBar</a></b>
		(<a href="http://www.ftconsult.com/twiki/bin/view/Cinelerra/TimeBar?rev=r1.1">r1.1</a> - 21&nbsp;Dec&nbsp;2003 - <a class="twikiLink" href="../../view/Main/AlexFerrer">AlexFerrer</a>)</div>
<table class="twikiDiffTable" width="100%" cellspacing="0">
<tr bgcolor="#eeeeee" class="twikiDiffLineNumberHeader"><th align="left" colspan="9">Line: 1 to 1</th></tr>
<tr><td bgcolor="#D0FFD0" class="twikiDiffAddedHeader" colspan ="9"><b> Added:   </b>
</td></tr>
<tr><td bgcolor="#ccccff" class="twikiDiffAddedMarker" valign="top" width="1%">&gt;<br />&gt;</td>
<td class="twikiDiffAddedText">
<h3><a name="The_TimeBar"> </a> The <a class="twikiLink" href="../../view/Cinelerra/TimeBar">TimeBar</a> </h3>
<p />
The navigation features of the Viewer and Compositor behave very similarly. Each has a timebar and slider below the video output. The timebar and slider are critical for navigation.
<p />
timebarslider.png
<p />
The timebar represents the entire time covered by the program. When you define labels and in/out points it defines those, too. Finally the timebar defines a region known as the preview region.
<p />
The preview region is the region of the timeline which the slider effects. The slider only covers the time covered by the preview region. By using a preview region inside the entire program and using the slider inside the preview region you can quickly and precisely seek in the compositor and viewer.
<p />
When you replace the current project with a file the preview region automatically resizes to cover the entire file. When you append data or change the size of the current project, the preview region stays the same size and shrinks. Therefore, you need to resize the preview region.
<p />
Load a file and then slide around it using the compositor slider. The insertion point in the main window follows the compositor. Move the pointer over the compositor's timebar until it turns into a left resize pointer. The click and drag right. The preview region should have changed and the slider resized proportionally.
<p />
Go to the right of the timebar until a right resize pointer appears. Drag left so the preview region shrinks.
<p />
Go to the center of the preview region in the timebar and drag it around to convince yourself if can be moved.
<p />
previewregion.png
<p />
Preview region in compositor
<p />
If you go to the slider and slide it around with the preview region shrunk, you'll see the slider only affects the preview region. The timebar and slider in the viewer window work exactly the same.
<p />
Labels and in/out points are fully supported in the viewer and compositor. The only difference between the viewer and compositor is the compositor reflects the state of the program while the viewer reflects the state of a clip but not the program.
<p />
When you hit the label button in the compositor, the label appears both in the compositor timebar and the program timebar.
<p />
When you select a label or in/out point in the compositor, the program window jumps to that position.
<p />
viewer_labels.png Labels and in/out points in the viewer.
<p />
In the viewer and compositor, labels and in/out points are displayed in the timebar. Instead of displaying just a region of the program, the timebar displays the entire program here.
<p />
Like the Program window, the Compositor has a zoom capability. First, the pulldown menu on the bottom of the compositor window has a number of zoom options. When set to Auto the video is zoomed to match the compositor window size as closely as possible. When set to any other percentage, the video is zoomed a power of 2 and scrollbars can be used to scroll around the output. When the video is zoomed bigger than the window size, not only do scrollbars scan around it but middle mouse button dragging in the video output scans around it. This is exactly when The Gimp does.
<p />
Furthermore, the zoom magnify.png toggle causes the Compositor window to enter zoom mode. In zoom mode, clicking in the video output zooms in while ctrl-clicking in the video output zooms out. If you have a wheel mouse, rotating the wheel zooms in or out too.
<p />
Zooming in or out with the zoom tool does not change the rendered output, mind you. It's merely for scrutinizing video or fitting it in the desktop.
<p />
<p />
<p />
-- <a class="twikiLink" href="../../view/Main/AlexFerrer">AlexFerrer</a> - 21 Dec 2003 from <a class="twikiLink" href="../../view/Cinelerra/SecretsOfCinelerra">SecretsOfCinelerra</a>
<hr />
</td></tr>

</table></div><div class="twikiTopicAction"><a href="../../view/Cinelerra/TimeBar">View topic</a>
 <span class="twikiSeparator">|</span> <a href="TimeBar">Diffs</a>  | <a href="http://www.ftconsult.com/twiki/bin/view/Cinelerra/TimeBar?rev=1.6">r1.6</a> | <a href="http://www.ftconsult.com/twiki/bin/rdiff/Cinelerra/TimeBar?rev1=1.6&rev2=1.5">&gt;</a> | <a href="http://www.ftconsult.com/twiki/bin/view/Cinelerra/TimeBar?rev=1.5">r1.5</a> | <a href="http://www.ftconsult.com/twiki/bin/rdiff/Cinelerra/TimeBar?rev1=1.5&rev2=1.4">&gt;</a> | <a href="http://www.ftconsult.com/twiki/bin/view/Cinelerra/TimeBar?rev=1.4">r1.4</a>
 <span class="twikiSeparator">|</span> <a href="http://www.ftconsult.com/twiki/bin/oops/Cinelerra/TimeBar?template=oopsmore&param1=1.6&param2=1.6">More</a>
</div><div class="twikiTopicInfo"><span class="twikiRevInfo twikiGrayText">Revision r1.1 - 21 Dec 2003 - 18:53 - <a class="twikiLink" href="../../view/Main/AlexFerrer">AlexFerrer</a><br />
Revision r1.6 - 10 Jan 2004 - 22:10 - <a class="twikiLink" href="../../view/Main/AlexFerrer">AlexFerrer</a></span></div>
<div class="twikiTopicFooter"></div>
<a name="PageBottom"></a> </div></div>
</body></html>