]> Shamusworld >> Repos - ardour-manual/blobdiff - include/about-ardours-interface.html
Initial cleanup of manual content.
[ardour-manual] / include / about-ardours-interface.html
index 530e49a089c4191fe16b0dbdd2506ffcfd008de8..e6431261268cd2d1c660bd63c438e49eeba344fa 100644 (file)
@@ -1,3 +1,6 @@
+---
+title: Ardour's Interface
+---
 
 <p>
   In Ardour, work is done in two main windows: the <dfn>Editor</dfn> and the
@@ -6,49 +9,60 @@
 
 <figure style="width:100%;">
 
-  <div class="container" style="float:left; width: 615px; height: 445px; background-image: url('/images/editor_split_OSTitlebar.png');">
-    <a href="/ardours-interface/main-menu/" alt="Menu"><div class="hoverimg" style="left: 12px; top: 18px; width: 194px; height: 15px; background-image: url('/images/editor_split_Menu.png');"></div></a>
-    <a href="/ardours-interface/status-bar/" alt="Status Bar"><div class="hoverimg" style="left: 219px; top: 18px; width: 379px; height: 15px; background-image: url('/images/editor_split_StatusBar.png');"></div></a>
-    <a href="/ardours-interface/the-transport-bar/" alt="Transport Bar"><div class="hoverimg" style="left: 10px; top: 36px; width: 199px; height: 39px; background-image: url('/images/editor_split_TransportBar.png');"></div></a>
-    <a href="/ardours-interface/transport-clocks/" alt="Transport Clocks"><div class="hoverimg" style="left: 214px; top: 35px; width: 147px; height: 39px; background-image: url('/images/editor_split_TransportClocks.png');"></div></a>
-    <a href="/ardours-interface/selection-and-punch-clocks/" alt="Selection and Punch Clocks"><div class="hoverimg" style="left: 366px; top: 35px; width: 133px; height: 39px; background-image: url('/images/editor_split_SelectionandPunchClocks.png');"></div></a>
-    <a href="/ardours-interface/status-indicators/" alt="Status and Mode buttons"><div class="hoverimg" style="left: 504px; top: 35px; width: 94px; height: 39px; background-image: url('/images/editor_split_StatusandModebuttons.png');"></div></a>
-    <a href="/ardours-interface/audio-midi-mixer-strips/" alt="Editors Mixer Strip"><div class="hoverimg" style="left: 6px; top: 78px; width: 56px; height: 332px; background-image: url('/images/editor_split_EditorsMixerStrip.png');"></div></a>
-    <a href="/ardours-interface/the-summary/" alt="Summary"><div class="hoverimg" style="left: 72px; top: 385px; width: 394px; height: 51px; background-image: url('/images/editor_split_Summary.png');"></div></a>
-    <a href="/ardours-interface/editor-lists/" alt="Editors List"><div class="hoverimg" style="left: 474px; top: 105px; width: 122px; height: 309px; background-image: url('/images/editor_split_EditorsList.png');"></div></a>
-    <a href="/ardours-interface/the-nudge-controls/" alt="Nudge Controls"><div class="hoverimg" style="left: 512px; top: 79px; width: 94px; height: 23px; background-image: url('/images/editor_split_NudgeControls.png');"></div></a>
-    <a href="/ardours-interface/the-edit-point-control/" alt="Edit Point"><div class="hoverimg" style="left: 461px; top: 80px; width: 45px; height: 23px; background-image: url('/images/editor_split_EditPoint.png');"></div></a>
-    <a href="/ardours-interface/the-grid-controls/" alt="Grid Controls"><div class="hoverimg" style="left: 349px; top: 80px; width: 108px; height: 23px; background-image: url('/images/editor_split_GridControls.png');"></div></a>
-    <a href="/ardours-interface/the-zoom-controls/" alt="Zoom Controls"><div class="hoverimg" style="left: 215px; top: 79px; width: 129px; height: 23px; background-image: url('/images/editor_split_ZoomControls.png');"></div></a>
-    <a href="/ardours-interface/the-toolbox/" alt="Toolbox"><div class="hoverimg" style="left: 69px; top: 79px; width: 140px; height: 23px; background-image: url('/images/editor_split_Toolbox.png');"></div></a>
-    <a href="/ardours-interface/the-ruler/" alt="Rulers"><div class="hoverimg" style="left: 72px; top: 105px; width: 394px; height: 62px; background-image: url('/images/editor_split_Rulers.png');"></div></a>
-    <div class="hoverimg" style="left: 69px; top: 170px; width: 8px; height: 197px; background-image: url('/images/editor_split_Groupstabs.png');"></div>
-    <div class="hoverimg" style="left: 81px; top: 320px; width: 386px; height: 62px; background-image: url('/images/editor_split_aMIDITrack.png');"></div>
-    <div class="hoverimg" style="left: 81px; top: 285px; width: 386px; height: 33px; background-image: url('/images/editor_split_anotherAudioTrack.png');"></div>
-    <div class="hoverimg" style="left: 81px; top: 248px; width: 386px; height: 34px; background-image: url('/images/editor_split_Automation.png');"></div>
-    <div class="hoverimg" style="left: 81px; top: 207px; width: 386px; height: 37px; background-image: url('/images/editor_split_anAudioTrack.png');"></div>
-    <div class="hoverimg" style="left: 81px; top: 170px; width: 386px; height: 33px; background-image: url('/images/editor_split_MasterBusTrack.png');"></div>
-  </div>
-  &nbsp;
-       <div class="container" style="float:left; width: 627px; height: 430px; background-image: url('/images/mixer_split_OsTitleBar.png');">
-                       <a href="/ardours-interface/main-menu/" alt="Menu Bar"><div class="hoverimg" style="left: 18px; top: 17px; width: 193px; height: 16px; background-image: url('/images/mixer_split_MenuBar.png');"></div></a>
-                       <a href="/ardours-interface/status-bar/" alt="Status Bar"><div class="hoverimg" style="left: 226px; top: 17px; width: 379px; height: 16px; background-image: url('/images/mixer_split_StatusBar.png');"></div></a>
-                       <a href="/ardours-interface/the-transport-bar/" alt="Transport Bar"><div class="hoverimg" style="left: 12px; top: 37px; width: 198px; height: 38px; background-image: url('/images/mixer_split_TransportBar.png');"></div></a>
-                       <a href="/ardours-interface/transport-clocks/" alt="Transport Clocks"><div class="hoverimg" style="left: 216px; top: 38px; width: 146px; height: 38px; background-image: url('/images/mixer_split_TransportClocks.png');"></div></a>
-                       <a href="/ardours-interface/selection-and-punch-clocks/" alt="Punch and Selection Clocks"><div class="hoverimg" style="left: 369px; top: 38px; width: 135px; height: 38px; background-image: url('/images/mixer_split_PunchandSelectionClocks.png');"></div></a>
-                       <a href="/ardours-interface/status-indicators/" alt="Status and Mode buttons"><div class="hoverimg" style="left: 511px; top: 37px; width: 94px; height: 38px; background-image: url('/images/mixer_split_StatusandModebuttons.png');"></div></a>
-                       <a href="/ardours-interface/favorite-plugins-window/" alt="Favorite Plugins"><div class="hoverimg" style="left: 6px; top: 79px; width: 116px; height: 136px; background-image: url('/images/mixer_split_FavoritePlugins.png');"></div></a>
-                       <a href="/ardours-interface/the-strips-list/" alt="Strips List"><div class="hoverimg" style="left: 6px; top: 220px; width: 115px; height: 97px; background-image: url('/images/mixer_split_StripsList.png');"></div></a>
-                       <a href="/ardours-interface/the-groups-list/" alt="Group List"><div class="hoverimg" style="left: 6px; top: 321px; width: 116px; height: 99px; background-image: url('/images/mixer_split_GroupList.png');"></div></a>
-                       <a href="/ardours-interface/audio-midi-mixer-strips/" alt="an Audio Strip"><div class="hoverimg" style="left: 128px; top: 97px; width: 57px; height: 320px; background-image: url('/images/mixer_split_anAudioStrip.png');"></div></a>
-                       <a href="/ardours-interface/audio-midi-mixer-strips/" alt="another Audio Strip"><div class="hoverimg" style="left: 191px; top: 97px; width: 55px; height: 320px; background-image: url('/images/mixer_split_anotherAudioStrip.png');"></div></a>
-                       <a href="/ardours-interface/audio-midi-mixer-strips/" alt="a MIDI Strip"><div class="hoverimg" style="left: 251px; top: 97px; width: 55px; height: 320px; background-image: url('/images/mixer_split_aMIDIStrip.png');"></div></a>
-                       <a href="/ardours-interface/busses-mixer-strips/" alt="a Bus Strip"><div class="hoverimg" style="left: 313px; top: 97px; width: 56px; height: 320px; background-image: url('/images/mixer_split_aBusStrip.png');"></div></a>
-                       <a href="/ardours-interface/control-masters/" alt="Control Masters"><div class="hoverimg" style="left: 373px; top: 81px; width: 98px; height: 331px; background-image: url('/images/mixer_split_ControlMasters.png');"></div></a>
-                       <a href="/ardours-interface/the-master-bus-strip/" alt="the Master Strip"><div class="hoverimg" style="left: 477px; top: 81px; width: 54px; height: 331px; background-image: url('/images/mixer_split_theMasterStrip.png');"></div></a>
-                       <a href="/ardours-interface/the-monitor-section/" alt="Monitor Section"><div class="hoverimg" style="left: 536px; top: 80px; width: 82px; height: 332px; background-image: url('/images/mixer_split_MonitorSection.png');"></div></a>
-                       <div class="hoverimg" style="left: 133px; top: 80px; width: 223px; height: 11px; background-image: url('/images/mixer_split_GroupTabs.png');"></div>
-       </div>
+  <div class="container" style="float:left; width: 600px; height: 347px; background-image: url('/images/Split_Backgroundeditor.png');">
+                       <a href="/ardours-interface/main-menu/" alt="Main Menu"><div class="hoverimg" style="left: 0px; top: 11px; width: 297px; height: 13px; background-image: url('/images/Split_MainMenu.png');"></div></a>
+                       <a href="/ardours-interface/status-bar/" alt="Status Bar"><div class="hoverimg" style="left: 297px; top: 11px; width: 303px; height: 13px; background-image: url('/images/Split_StatusBar.png');"></div></a>
+                       <a href="/ardours-interface/the-transport-bar/" alt="Transport"><div class="hoverimg" style="left: 0px; top: 24px; width: 86px; height: 24px; background-image: url('/images/Split_Transport.png');"></div></a>
+                       <a href="/ardours-interface/selection-and-punch-clocks/" alt="Record and Punch Options"><div class="hoverimg" style="left: 86px; top: 24px; width: 50px; height: 24px; background-image: url('/images/Split_RecordandPunchOptions.png');"></div></a>
+                       <a href="/ardours-interface/status-indicators/#monitor-options" alt="Monitor Options"><div class="hoverimg" style="left: 136px; top: 24px; width: 46px; height: 24px; background-image: url('/images/Split_MonitorOptions.png');"></div></a>
+                       <a href="/ardours-interface/status-indicators/#playhead_options" alt="Playhead Options"><div class="hoverimg" style="left: 182px; top: 24px; width: 43px; height: 24px; background-image: url('/images/Split_PlayheadOptions.png');"></div></a>
+                       <a href="/ardours-interface/transport-clocks/" alt="Clocks"><div class="hoverimg" style="left: 225px; top: 24px; width: 154px; height: 24px; background-image: url('/images/Split_Clocks.png');"></div></a>
+                       <a href="/ardours-interface/status-indicators/#status_indicators" alt="Status Indicators"><div class="hoverimg" style="left: 379px; top: 24px; width: 23px; height: 24px; background-image: url('/images/Split_StatusIndicators.png');"></div></a>
+                       <a href="/ardours-interface/selection-and-punch-clocks/" alt="Selection Clock"><div class="hoverimg" style="left: 402px; top: 24px; width: 55px; height: 24px; background-image: url('/images/Split_SelectionClock.png');"></div></a>
+                       <a href="/ardours-interface/mini-timeline/" alt="Navigation Timeline"><div class="hoverimg" style="left: 457px; top: 24px; width: 90px; height: 24px; background-image: url('/images/Split_NavigationTimeline.png');"></div></a>
+                       <a href="/ardours-interface/status-indicators/#mode_selector" alt="Level, Mode, Scripts"><div class="hoverimg" style="left: 547px; top: 24px; width: 53px; height: 24px; background-image: url('/images/Split_LevelModeScripts.png');"></div></a>
+                       <a href="/ardours-interface/audio-midi-mixer-strips/" alt="a Mixer Strip"><div class="hoverimg" style="left: 0px; top: 48px; width: 43px; height: 299px; background-image: url('/images/Split_aMixerStrip.png');"></div></a>
+                       <a href="/ardours-interface/the-toolbox/" alt="Toolbox"><div class="hoverimg" style="left: 43px; top: 48px; width: 112px; height: 14px; background-image: url('/images/Split_Toolbox.png');"></div></a>
+                       <a href="/ardours-interface/the-zoom-controls/" alt="Zoom Controls"><div class="hoverimg" style="left: 155px; top: 48px; width: 111px; height: 14px; background-image: url('/images/Split_ZoomControls.png');"></div></a>
+                       <a href="/ardours-interface/the-grid-controls/" alt="Grid Controls"><div class="hoverimg" style="left: 266px; top: 48px; width: 90px; height: 14px; background-image: url('/images/Split_GridControls.png');"></div></a>
+                       <a href="/ardours-interface/the-edit-point-control/" alt="Edit Point"><div class="hoverimg" style="left: 356px; top: 48px; width: 40px; height: 14px; background-image: url('/images/Split_EditPoint.png');"></div></a>
+                       <a href="/ardours-interface/the-nudge-controls/" alt="Nudge Controls"><div class="hoverimg" style="left: 396px; top: 48px; width: 61px; height: 14px; background-image: url('/images/Split_NudgeControls.png');"></div></a>
+                       <a href="/ardours-interface/selection-and-punch-clocks/" alt="Selection and Punch Clocks"><div class="hoverimg" style="left: 498px; top: 62px; width: 102px; height: 26px; background-image: url('/images/Split_SelectionandPunchClocks.png');"></div></a>
+                       <a href="/ardours-interface/editor-lists/" alt="Editor Lists"><div class="hoverimg" style="left: 498px; top: 88px; width: 102px; height: 259px; background-image: url('/images/Split_EditorLists.png');"></div></a>
+                       <a href="/ardours-interface/the-ruler/" alt="Ruler"><div class="hoverimg" style="left: 43px; top: 62px; width: 455px; height: 49px; background-image: url('/images/Split_Ruler.png');"></div></a>
+                       <a href="/ardours-interface/the-summary/" alt="Summary"><div class="hoverimg" style="left: 43px; top: 295px; width: 455px; height: 52px; background-image: url('/images/Split_Summary.png');"></div></a>
+                       <div class="hoverimg" style="left: 43px; top: 110px; width: 7px; height: 185px; background-image: url('/images/Split_GroupTabs.png');"></div>
+                       <div class="hoverimg" style="left: 50px; top: 110px; width: 448px; height: 26px; background-image: url('/images/Split_MasterBus.png');"></div>
+                       <div class="hoverimg" style="left: 50px; top: 136px; width: 448px; height: 27px; background-image: url('/images/Split_anAudioTrack.png');"></div>
+                       <div class="hoverimg" style="left: 50px; top: 163px; width: 448px; height: 26px; background-image: url('/images/Split_someAutomation.png');"></div>
+                       <div class="hoverimg" style="left: 50px; top: 189px; width: 448px; height: 27px; background-image: url('/images/Split_anotherAudioTrack.png');"></div>
+                       <div class="hoverimg" style="left: 50px; top: 215px; width: 448px; height: 26px; background-image: url('/images/Split_aMIDITrack.png');"></div>
+                       <div class="hoverimg" style="left: 50px; top: 242px; width: 448px; height: 54px; background-image: url('/images/Split_anotherMIDITrack.png');"></div>
+               </div>
+
+  <div class="container" style="margin-left:10px; float:left; width: 600px; height: 347px; background-image: url('/images/Split_Background.png');">
+                       <a href="/ardours-interface/main-menu/" alt="Main Menu"><div class="hoverimg" style="left: 0px; top: 11px; width: 297px; height: 13px; background-image: url('/images/Split_MainMenu.png');"></div></a>
+                       <a href="/ardours-interface/status-bar/" alt="Status Bar"><div class="hoverimg" style="left: 297px; top: 11px; width: 303px; height: 13px; background-image: url('/images/Split_StatusBar.png');"></div></a>
+                       <a href="/ardours-interface/the-transport-bar/" alt="Transport"><div class="hoverimg" style="left: 0px; top: 24px; width: 86px; height: 24px; background-image: url('/images/Split_Transport.png');"></div></a>
+                       <a href="/ardours-interface/selection-and-punch-clocks/" alt="Record and Punch Options"><div class="hoverimg" style="left: 86px; top: 24px; width: 50px; height: 24px; background-image: url('/images/Split_RecordandPunchOptions.png');"></div></a>
+                       <a href="/ardours-interface/status-indicators/#monitor-options" alt="Monitor Options"><div class="hoverimg" style="left: 136px; top: 24px; width: 46px; height: 24px; background-image: url('/images/Split_MonitorOptions.png');"></div></a>
+                       <a href="/ardours-interface/status-indicators/#playhead_options" alt="Playhead Options"><div class="hoverimg" style="left: 182px; top: 24px; width: 43px; height: 24px; background-image: url('/images/Split_PlayheadOptions.png');"></div></a>
+                       <a href="/ardours-interface/transport-clocks/" alt="Clocks"><div class="hoverimg" style="left: 225px; top: 24px; width: 154px; height: 24px; background-image: url('/images/Split_Clocks.png');"></div></a>
+                       <a href="/ardours-interface/status-indicators/#status_indicators" alt="Status Indicators"><div class="hoverimg" style="left: 379px; top: 24px; width: 23px; height: 24px; background-image: url('/images/Split_StatusIndicators.png');"></div></a>
+                       <a href="/ardours-interface/selection-and-punch-clocks/" alt="Selection Clock"><div class="hoverimg" style="left: 402px; top: 24px; width: 55px; height: 24px; background-image: url('/images/Split_SelectionClock.png');"></div></a>
+                       <a href="/ardours-interface/mini-timeline/" alt="Navigation Timeline"><div class="hoverimg" style="left: 457px; top: 24px; width: 90px; height: 24px; background-image: url('/images/Split_NavigationTimeline.png');"></div></a>
+                       <a href="/ardours-interface/status-indicators/#mode_selector" alt="Level, Mode, Scripts"><div class="hoverimg" style="left: 547px; top: 24px; width: 53px; height: 24px; background-image: url('/images/Split_LevelModeScripts.png');"></div></a>
+                       <a href="/ardours-interface/favorite-plugins-window/" alt="Favorite Plugins"><div class="hoverimg" style="left: 0px; top: 48px; width: 66px; height: 122px; background-image: url('/images/Split_FavoritePlugins.png');"></div></a>
+                       <a href="/ardours-interface/the-strips-list/" alt="Strips List"><div class="hoverimg" style="left: 0px; top: 170px; width: 66px; height: 88px; background-image: url('/images/Split_StripsList.png');"></div></a>
+                       <a href="/ardours-interface/the-groups-list/" alt="Groups List"><div class="hoverimg" style="left: 0px; top: 257px; width: 66px; height: 90px; background-image: url('/images/Split_GroupsList.png');"></div></a>
+                       <div class="hoverimg" style="left: 66px; top: 48px; width: 363px; height: 9px; background-image: url('/images/Split_GroupsTabs.png');"></div>
+                       <a href="/ardours-interface/the-master-bus-strip/" alt="Master Strip"><div class="hoverimg" style="left: 490px; top: 48px; width: 46px; height: 299px; background-image: url('/images/Split_MasterStrip.png');"></div></a>
+                       <a href="/ardours-interface/the-monitor-section/" alt="Monitor Section"><div class="hoverimg" style="left: 536px; top: 48px; width: 64px; height: 299px; background-image: url('/images/Split_MonitorSection.png');"></div></a>
+                       <a href="/ardours-interface/control-masters/" alt="Control Masters Strips"><div class="hoverimg" style="left: 429px; top: 48px; width: 61px; height: 299px; background-image: url('/images/Split_ControlMastersStrips.png');"></div></a>
+                       <a href="/ardours-interface/busses-mixer-strips/" alt="a Bus Strip"><div class="hoverimg" style="left: 373px; top: 57px; width: 43px; height: 290px; background-image: url('/images/Split_aBusStrip.png');"></div></a>
+                       <a href="/ardours-interface/audio-midi-mixer-strips/" alt="an Audio Strip"><div class="hoverimg" style="left: 66px; top: 57px; width: 45px; height: 290px; background-image: url('/images/Split_anAudioStrip.png');"></div></a>
+                       <a href="/ardours-interface/audio-midi-mixer-strips/" alt="a MIDI Strip"><div class="hoverimg" style="left: 155px; top: 57px; width: 43px; height: 290px; background-image: url('/images/Split_aMIDIStrip.png');"></div></a>
+               </div>
 
   <!--<figcaption>
                <ol class="multicol3">
 </figure>
 
 <p>
-  Switching between the Editor and the Mixer windows is done :
+  The Editor and the Mixer share the same toolbar (the top of the window). The sections displayed in this toolbar can be customized to the user's workflow, by checking options in <kbd class="menu">Preferences &gt; Appearance &gt; Toolbar</kbd>.
+</p>
+
+<p>
+  Switching between the Editor and the Mixer windows is done:
 </p>
 <ul>
-       <li>with the <a href="/ardours-interface/status-indicators/">Mode Selector buttons</a> in the upper right</li>
+       <li>with the <a href="/ardours-interface/status-indicators/#mode_selector">Mode Selector buttons</a> in the upper right</li>
        <li>with the <kbd class="mod2">M</kbd> shortcut</li>
        <li>with the menu <kbd class="menu">Window &gt; Editor <em>(or Mixer)</em> &gt; Show</kbd>.</li>
 </ul>
   window where editing and arranging a project is done. The window
   has a general "horizontal" sense to it: the timeline flows from left to
   right, the playhead showing the current position in the session moves
-  from left to right &mdash; the window really represents <dfn>time</dfn>
+  from left to right&mdash;the window really represents <dfn>time</dfn>
   in a fairly literal way.
 </p>
 <p>
   To learn more about the process of mixing, see <a href="/mixing/">Mixing<a>.
 </p>
 
+<<<<<<< HEAD
 
 {% children %}
-
+=======
+>>>>>>> Initial cleanup of manual content.