ardour-tutorial/en/getting-started/setting-up-the-timeline/index.html
2022-03-31 05:21:32 +00:00

58 lines
22 KiB
HTML

<!doctype html><html lang=en class="js csstransforms3d"><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=generator content="Hugo 0.96.0"><meta name=description content><link rel=icon href=/ardour-tutorial/images/favicon.png type=image/png><title>Setting up the timeline :: Ardour tutorial</title><link href=/ardour-tutorial/css/nucleus.css?1648704090 rel=stylesheet><link href=/ardour-tutorial/css/fontawesome-all.min.css?1648704090 rel=stylesheet><link href=/ardour-tutorial/css/hybrid.css?1648704090 rel=stylesheet><link href=/ardour-tutorial/css/featherlight.min.css?1648704090 rel=stylesheet><link href=/ardour-tutorial/css/perfect-scrollbar.min.css?1648704090 rel=stylesheet><link href=/ardour-tutorial/css/auto-complete.css?1648704090 rel=stylesheet><link href=/ardour-tutorial/css/atom-one-dark-reasonable.css?1648704090 rel=stylesheet><link href=/ardour-tutorial/css/theme.css?1648704090 rel=stylesheet><link href=/ardour-tutorial/css/tabs.css?1648704090 rel=stylesheet><link href=/ardour-tutorial/css/hugo-theme.css?1648704090 rel=stylesheet><link href=/ardour-tutorial/css/theme-blue.css?1648704090 rel=stylesheet><script src=/ardour-tutorial/js/jquery-3.3.1.min.js?1648704090></script><style>:root #header+#content>#left>#rlblock_left{display:none!important}:not(pre)>code+span.copy-to-clipboard{display:none}</style></head><body data-url=/ardour-tutorial/en/getting-started/setting-up-the-timeline/><nav id=sidebar><div id=header-wrapper><div id=header><a id=logo href=/ardour-tutorial/en/><svg id="Layer_1" width="92" height="80" viewBox="0 0 92 80" enable-background="new 0 0 92 80" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs6"/><path id="path6984" fill="#c61f40" d="M45.586.44-.082 79.558c3.356.0 2.828-2.382 4.417-2.382 1.681.004 1.367 1.19 2.951 1.19.814.0 1.467-.806 1.466-2.804.0-2.664.661-4.017 1.476-4.017s1.476 1.187 1.476 2.372c0 1.492.662 2.678 1.476 2.678.814.0 1.477-2.019 1.477-4.512l-.01-2.857c0-3.447.661-6.24 1.476-6.24s1.477 1.207 1.476 5.112c0 3.104.662 6.198 1.476 6.198s1.478-3.602 1.477-9.382c0-6.68.65-10.996 1.465-10.996s1.477 4.32 1.476 8.582c0 4.977.662 9.878 1.477 9.878s1.477-4.902 1.476-11.701c0-7.302.651-12.609 1.466-12.609.813.0 1.477 5.308 1.476 11.406.0 6.4.661 11.955 1.476 11.955s1.476-5.551 1.476-12.661c0-7.109.651-12.766 1.466-12.766s1.476 5.656 1.476 12.649c0 6.994.662 12.641 1.476 12.641s1.477-5.65 1.477-12.397c0-6.602.65-12.135 1.465-12.135s1.476 5.53 1.476 12.746c0 6.952.663 12.271 1.477 12.271.813.0 1.477-5.318 1.476-11.332.0-5.651.651-10.669 1.465-10.669s1.478 5.027 1.477 11.882c0 6.413.661 11.068 1.476 11.068s1.477-4.657 1.476-9.667c0-4.514.651-8.781 1.466-8.781s1.477 4.265 1.476 10.32c0 5.522.662 9.351 1.476 9.351s1.477-3.825 1.477-7.727c0-3.353.65-6.737 1.465-6.737s1.476 3.382 1.476 8.382c0 4.449.662 7.389 1.477 7.389s1.476-2.586 1.476-5.407c0-2.911.662-5.145 1.476-5.145s1.466 2.501 1.466 6.356c0 3.345.661 5.439 1.476 5.439s1.476-1.732 1.476-3.479c0-1.801.662-3.563 1.477-3.563.813.0 1.465 1.703 1.465 4.459.0 2.317.662 3.668 1.477 3.668s1.477-.941 1.477-2.034c0-1.438.661-2.098 1.476-2.098s1.466.987 1.466 2.814c0 1.44.661 2.192 1.476 2.192 1.539.0 1.331-1.917 2.951-1.929 1.773.0 1.253 2.571 2.941 2.571 1.217.0 2.159-.469 2.952-.474 1.316.0 1.408.928 4.416.928L45.588.44H45.586z" style="fill:#000"/></svg></a></div><div class=searchbox><label for=search-by><i class="fas fa-search"></i></label>
<input data-search-input id=search-by type=search placeholder=Search...>
<span data-search-clear><i class="fas fa-times"></i></span></div><script type=text/javascript src=/ardour-tutorial/js/lunr.min.js?1648704090></script>
<script type=text/javascript src=/ardour-tutorial/js/auto-complete.js?1648704090></script>
<script type=text/javascript>var baseurl="https://prokoudine.github.io/ardour-tutorial/en"</script><script type=text/javascript src=/ardour-tutorial/js/search.js?1648704090></script></div><section id=homelinks><ul><li><a class=padding href=/ardour-tutorial/en/><i class="fas fa-home"></i> Home</a></li></ul></section><div class=highlightable><ul class=topics><li data-nav-id=/ardour-tutorial/en/introduction/ title=Introduction class=dd-item><a href=/ardour-tutorial/en/introduction/><b>1. </b>Introduction</a><ul><li data-nav-id=/ardour-tutorial/en/introduction/conventions/ title=Conventions class=dd-item><a href=/ardour-tutorial/en/introduction/conventions/>Conventions</a></li><li data-nav-id=/ardour-tutorial/en/introduction/what-is-digital-audio/ title="What is digital audio?" class=dd-item><a href=/ardour-tutorial/en/introduction/what-is-digital-audio/>What is digital audio?</a></li></ul></li><li data-nav-id=/ardour-tutorial/en/getting-started/ title="Getting started" class="dd-item
parent"><a href=/ardour-tutorial/en/getting-started/><b>2. </b>Getting started</a><ul><li data-nav-id=/ardour-tutorial/en/getting-started/starting-ardour-on-ubuntu/ title="Starting Ardour" class=dd-item><a href=/ardour-tutorial/en/getting-started/starting-ardour-on-ubuntu/>Starting Ardour</a></li><li data-nav-id=/ardour-tutorial/en/getting-started/overview-of-the-interface/ title="Overview of the Interface" class=dd-item><a href=/ardour-tutorial/en/getting-started/overview-of-the-interface/>Overview of the Interface</a><ul><li data-nav-id=/ardour-tutorial/en/getting-started/overview-of-the-interface/editor-window/ title="Editor window" class=dd-item><a href=/ardour-tutorial/en/getting-started/overview-of-the-interface/editor-window/>Editor window</a></li><li data-nav-id=/ardour-tutorial/en/getting-started/overview-of-the-interface/mixer-window/ title="Mixer window" class=dd-item><a href=/ardour-tutorial/en/getting-started/overview-of-the-interface/mixer-window/>Mixer window</a></li><li data-nav-id=/ardour-tutorial/en/getting-started/overview-of-the-interface/recorder-window/ title="Recorder window" class=dd-item><a href=/ardour-tutorial/en/getting-started/overview-of-the-interface/recorder-window/>Recorder window</a></li><li data-nav-id=/ardour-tutorial/en/getting-started/overview-of-the-interface/cue-window/ title="Cue window" class=dd-item><a href=/ardour-tutorial/en/getting-started/overview-of-the-interface/cue-window/>Cue window</a></li></ul></li><li data-nav-id=/ardour-tutorial/en/getting-started/creating-tracks-and-busses/ title="Creating tracks and busses" class=dd-item><a href=/ardour-tutorial/en/getting-started/creating-tracks-and-busses/>Creating tracks and busses</a></li><li data-nav-id=/ardour-tutorial/en/getting-started/importing-audio/ title="Importing audio" class=dd-item><a href=/ardour-tutorial/en/getting-started/importing-audio/>Importing audio</a></li><li data-nav-id=/ardour-tutorial/en/getting-started/setting-up-the-timeline/ title="Setting up the timeline" class="dd-item active"><a href=/ardour-tutorial/en/getting-started/setting-up-the-timeline/>Setting up the timeline</a></li></ul></li><li data-nav-id=/ardour-tutorial/en/recording-audio/ title=Recording class=dd-item><a href=/ardour-tutorial/en/recording-audio/><b>3. </b>Recording</a><ul><li data-nav-id=/ardour-tutorial/en/recording-audio/recording-audio/ title="Recording audio" class=dd-item><a href=/ardour-tutorial/en/recording-audio/recording-audio/>Recording audio</a></li><li data-nav-id=/ardour-tutorial/en/recording-audio/understanding-routing/ title="Understanding routing" class=dd-item><a href=/ardour-tutorial/en/recording-audio/understanding-routing/>Understanding routing</a></li><li data-nav-id=/ardour-tutorial/en/recording-audio/routing-between-applications/ title="Routing between applications" class=dd-item><a href=/ardour-tutorial/en/recording-audio/routing-between-applications/>Routing between applications</a></li></ul></li><li data-nav-id=/ardour-tutorial/en/editing-sessions/ title="Editing sessions" class=dd-item><a href=/ardour-tutorial/en/editing-sessions/><b>4. </b>Editing sessions</a><ul><li data-nav-id=/ardour-tutorial/en/editing-sessions/non-destructive-editing/ title="Non-destructive editing" class=dd-item><a href=/ardour-tutorial/en/editing-sessions/non-destructive-editing/>Non-destructive editing</a></li><li data-nav-id=/ardour-tutorial/en/editing-sessions/arranging-tracks/ title="Arranging tracks" class=dd-item><a href=/ardour-tutorial/en/editing-sessions/arranging-tracks/>Arranging tracks</a></li><li data-nav-id=/ardour-tutorial/en/editing-sessions/setting-up-the-meter/ title="Setting up the meter" class=dd-item><a href=/ardour-tutorial/en/editing-sessions/setting-up-the-meter/>Setting up the meter</a></li><li data-nav-id=/ardour-tutorial/en/editing-sessions/using-ranges/ title="Using ranges" class=dd-item><a href=/ardour-tutorial/en/editing-sessions/using-ranges/>Using ranges</a></li><li data-nav-id=/ardour-tutorial/en/editing-sessions/working-with-regions/ title="Working with regions" class=dd-item><a href=/ardour-tutorial/en/editing-sessions/working-with-regions/>Working with regions</a></li><li data-nav-id=/ardour-tutorial/en/editing-sessions/further-region-operations/ title="Further region operations" class=dd-item><a href=/ardour-tutorial/en/editing-sessions/further-region-operations/>Further region operations</a></li><li data-nav-id=/ardour-tutorial/en/editing-sessions/changing-edit-modes/ title="Changing edit modes" class=dd-item><a href=/ardour-tutorial/en/editing-sessions/changing-edit-modes/>Changing edit modes</a></li><li data-nav-id=/ardour-tutorial/en/editing-sessions/creating-looped-sections/ title="Creating looped sections" class=dd-item><a href=/ardour-tutorial/en/editing-sessions/creating-looped-sections/>Creating looped sections</a></li><li data-nav-id=/ardour-tutorial/en/editing-sessions/stretching-shrinking-regions/ title="Stretching & shrinking regions" class=dd-item><a href=/ardour-tutorial/en/editing-sessions/stretching-shrinking-regions/>Stretching & shrinking regions</a></li></ul></li><li data-nav-id=/ardour-tutorial/en/mixing-sessions/ title="Mixing sessions" class=dd-item><a href=/ardour-tutorial/en/mixing-sessions/><b>5. </b>Mixing sessions</a><ul><li data-nav-id=/ardour-tutorial/en/mixing-sessions/the-mixer-strip/ title="The mixer strip" class=dd-item><a href=/ardour-tutorial/en/mixing-sessions/the-mixer-strip/>The mixer strip</a></li><li data-nav-id=/ardour-tutorial/en/mixing-sessions/mixing-levels/ title="Mixing levels" class=dd-item><a href=/ardour-tutorial/en/mixing-sessions/mixing-levels/>Mixing levels</a></li><li data-nav-id=/ardour-tutorial/en/mixing-sessions/panning/ title=Panning class=dd-item><a href=/ardour-tutorial/en/mixing-sessions/panning/>Panning</a></li><li data-nav-id=/ardour-tutorial/en/mixing-sessions/using-plugins/ title="Using plugins" class=dd-item><a href=/ardour-tutorial/en/mixing-sessions/using-plugins/>Using plugins</a></li><li data-nav-id=/ardour-tutorial/en/mixing-sessions/using-sends/ title="Using sends" class=dd-item><a href=/ardour-tutorial/en/mixing-sessions/using-sends/>Using sends</a></li><li data-nav-id=/ardour-tutorial/en/mixing-sessions/dynamics/ title=Dynamics class=dd-item><a href=/ardour-tutorial/en/mixing-sessions/dynamics/>Dynamics</a></li><li data-nav-id=/ardour-tutorial/en/mixing-sessions/equalizing/ title=Equalizing class=dd-item><a href=/ardour-tutorial/en/mixing-sessions/equalizing/>Equalizing</a></li><li data-nav-id=/ardour-tutorial/en/mixing-sessions/using-automation/ title="Using automation" class=dd-item><a href=/ardour-tutorial/en/mixing-sessions/using-automation/>Using automation</a></li></ul></li><li data-nav-id=/ardour-tutorial/en/exporting-sessions/ title="Exporting sessions" class=dd-item><a href=/ardour-tutorial/en/exporting-sessions/><b>6. </b>Exporting sessions</a><ul><li data-nav-id=/ardour-tutorial/en/exporting-sessions/exporting-a-region/ title="Exporting regions" class=dd-item><a href=/ardour-tutorial/en/exporting-sessions/exporting-a-region/>Exporting regions</a></li><li data-nav-id=/ardour-tutorial/en/exporting-sessions/exporting-a-range/ title="Exporting a range" class=dd-item><a href=/ardour-tutorial/en/exporting-sessions/exporting-a-range/>Exporting a range</a></li><li data-nav-id=/ardour-tutorial/en/exporting-sessions/exporting-a-session/ title="Exporting a session" class=dd-item><a href=/ardour-tutorial/en/exporting-sessions/exporting-a-session/>Exporting a session</a></li></ul></li><li data-nav-id=/ardour-tutorial/en/saving-sessions/ title="Saving sessions" class=dd-item><a href=/ardour-tutorial/en/saving-sessions/><b>7. </b>Saving sessions</a><ul><li data-nav-id=/ardour-tutorial/en/saving-sessions/saving-a-session/ title="Saving a session" class=dd-item><a href=/ardour-tutorial/en/saving-sessions/saving-a-session/>Saving a session</a></li><li data-nav-id=/ardour-tutorial/en/saving-sessions/saving-a-snapshot/ title="Saving a snapshot" class=dd-item><a href=/ardour-tutorial/en/saving-sessions/saving-a-snapshot/>Saving a snapshot</a></li><li data-nav-id=/ardour-tutorial/en/saving-sessions/saving-a-template/ title="Saving a template" class=dd-item><a href=/ardour-tutorial/en/saving-sessions/saving-a-template/>Saving a template</a></li></ul></li><li data-nav-id=/ardour-tutorial/en/appendices/ title=Appendices class=dd-item><a href=/ardour-tutorial/en/appendices/><b>8. </b>Appendices</a><ul><li data-nav-id=/ardour-tutorial/en/appendices/further-help/ title="Further help" class=dd-item><a href=/ardour-tutorial/en/appendices/further-help/>Further help</a></li><li data-nav-id=/ardour-tutorial/en/appendices/glossary/ title=Glossary class=dd-item><a href=/ardour-tutorial/en/appendices/glossary/>Glossary</a></li><li data-nav-id=/ardour-tutorial/en/appendices/links/ title=Links class=dd-item><a href=/ardour-tutorial/en/appendices/links/>Links</a></li><li data-nav-id=/ardour-tutorial/en/appendices/credits/ title=Credits class=dd-item><a href=/ardour-tutorial/en/appendices/credits/>Credits</a></li><li data-nav-id=/ardour-tutorial/en/appendices/license/ title=License class=dd-item><a href=/ardour-tutorial/en/appendices/license/>License</a></li></ul></li></ul><section id=shortcuts><h3>More</h3><ul><li><a class=padding href=https://github.com/prokoudine/ardour-tutorial><i class="fab fa-fw fa-github"></i> This tutorial on GitHub</a></li><li><a class=padding href=https://ardour.org/><i class="fas fa-fw fa-home"></i> Ardour's homepage</a></li><li><a class=padding href=https://manual.ardour.org><i class="fas fa-fw fa-bookmark"></i> User manual</a></li><li><a class=padding href=https://discourse.ardour.org/><i class="fas fa-fw fa-users"></i> Forum</a></li><li><a class=padding href=https://prokoudine.github.io/ardour-tutorial/en/appendices/credits/><i class="fas fa-fw fa-bullhorn"></i> Credits</a></li></ul></section><section id=prefooter><hr><ul><li><a class=padding><i class="fas fa-language fa-fw"></i><div class=select-style><select id=select-language onchange="location=this.value"><option id=en value=https://prokoudine.github.io/ardour-tutorial/en/getting-started/setting-up-the-timeline/ selected>English</option></select><svg id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="255" height="255" viewBox="0 0 255 255" style="enable-background:new 0 0 255 255"><g><g id="arrow-drop-down"><polygon points="0,63.75 127.5,191.25 255,63.75"/></g></g></svg></div></a></li></ul></section><section id=footer><p>Built with <a href=https://github.com/matcornic/hugo-theme-learn><i class="fas fa-heart"></i></a> from <a href=https://getgrav.org>Grav</a> and <a href=https://gohugo.io/>Hugo</a></p></section></div></nav><section id=body><div id=overlay></div><div class="padding highlightable"><div><div id=top-bar><div id=breadcrumbs itemscope itemtype=http://data-vocabulary.org/Breadcrumb><span id=sidebar-toggle-span><a href=# id=sidebar-toggle data-sidebar-toggle><i class="fas fa-bars"></i></a></span>
<span id=toc-menu><i class="fas fa-list-alt"></i></span>
<span class=links><a href=/ardour-tutorial/en/>Home</a> > <a href=/ardour-tutorial/en/getting-started/>Getting started</a> > Setting up the timeline</span></div><div class=progress><div class=wrapper><nav id=TableOfContents><ul><li><a href=#primary-and-secondary-clocks>Primary and Secondary Clocks</a></li><li><a href=#snap-modes>Snap Modes</a></li><li><a href=#timeline>Timeline</a></li><li><a href=#continuing>Continuing</a></li></ul></nav></div></div></div></div><div id=head-tags></div><div id=body-inner><h1>Setting up the timeline</h1><p>Once you import some audio files to Ardour, play them back and start
familiarizing yourself with the user interface, you might want finetuning
various parts of the user interface for your needs. The timeline settings are
one of the obvious options there, because what you want to see on the timeline
largely depends on the kind of material you work on.</p><p>Users creating audio plays, documentaries, reportages or soundscapes may wish
to use minutes and seconds for units, while those recording bands or producing
electronic music will most likely use bars and beats. Video producers will
find a frames-per-second timecode handy, while those wishing for extreme
precision may even want to use samples. All of these can be viewed in Ardour
and used as a means to organize your regions and edits.</p><p>Let&rsquo;s talk about setting up clocks, snapping, and timeline rulers.</p><h2 id=primary-and-secondary-clocks>Primary and Secondary Clocks</h2><p>There are two clocks near the top of the <em>Editor</em> window which can display the
time in a number of formats: <em>Timecode</em>, <em>Bars:Beats</em>, <em>Minutes:Seconds</em>, and
<em>Samples</em>. Right-click to change the format of each of the two clocks.</p><p><img src=en/Ardour6_Clock_Units.png alt="Clock Units"></p><p>These are called the transport clocks. The left one is the primary transport
clock and the right one is the secondary transport clock. The advantage of
having two transport clocks is that you see the playhead position in two
different time units without having to change any settings.</p><p>If you never need the second clock, you can disable it entirely. Go to
<code>Edit > Preferences > Appearance > Toolbar</code> and disable the <em>Display Secondary
Clock</em> checkbox.</p><p>Please check the Ardour manual for more information on
<a href=http://manual.ardour.org/ardours-interface/using-ardour-clock-displays/>clocks</a>.</p><h2 id=snap-modes>Snap Modes</h2><p>Snapping settings are located just below the clocks to the right. They control
the <em>quantization</em> of the time grid, i.e., to which units the timeline grid is
divided and to what extent audio regions and MIDI notes get snapped when
snapping is enabled. E.g. you can snap to whole seconds when you drag an audio
region around or you could snap to 1/16 of a bar when creating or editing MIDI
notes.</p><p>There is one global switch, <em>Snap</em>, and then a drop-down list of grid
quantization presets: <em>Bar</em>, <em>1/4 note</em>, <em>1/8 note</em> etc., <em>Triplets</em>,
<em>Timecode</em>, <em>Minutes and Seconds</em>, <em>CD frames</em>, and more.</p><p><img src=en/Ardour6_Snap_Options_and_Nudge_Controls.png alt=Snap></p><p>When <em>No Grid</em> quantization preset is selected, there is no grid displayed on
the tracks/busses canvas. In that case, with snapping off, nothing will snap.
And with snapping enabled, regions and notes will only snap to location markers.</p><h2 id=timeline>Timeline</h2><p>The <em>timeline</em> is located below the snapping settings, just above the main
canvas. By right-clicking on the timeline labels (i.e., right-click on the
left-side area where the words &ldquo;Timecode, Bar:Beats, Meter&rdquo; etc are displayed),
you can set the check boxes to show or hide the different types of time
information.</p><p><img src=en/ardour7-timeline-rulers.png alt=Timeline></p><dl><dt><strong>Minutes/Seconds</strong></dt><dd>To view Minutes and Seconds on the Timeline, right-click the Timeline labels
and select <strong>Mins:Secs</strong>.</dd><dt><strong>Bars/Beats</strong></dt><dd>To view Bars and Beats on the Timeline, right-click the Timeline and
select <strong>Bars & Beats</strong>.</dd><dd>It is possible to set a <strong>Meter</strong> and <strong>Tempo</strong> for the entire Ardour
session, as well as to change them at different points in the same
session. For more information on this, please see the <strong>Setting Up the
Meter</strong> chapter.</dd><dt><strong>Timecode</strong></dt><dd>To work with SMPTE video Timecode, first you need to set the <strong>Timecode
fps</strong> (Frames per Second). This can be found in the Timecode tab of the
Session Properties window (menu <code>Session > Properties</code> or the <strong>Alt + O</strong>
shortcut)<em>.</em></dd></dl><p><img src=en/Ardour6_Timecode.png alt=Timecode></p><p>Once you have done that, make sure you make the Timecode ruler visible
by right-clicking in the Timeline and checking the <em>Timecode</em> box.</p><h2 id=continuing>Continuing</h2><p>Now that you&rsquo;ve set up the Timeline, continue on to the chapter on
creating tracks and busses to add one or more <strong>Tracks</strong> to your Session.</p><p>Next: <a href=../creating-a-track-or-bus>CREATING A TRACK OR BUS</a></p><footer class=footline></footer></div></div><div id=navigation></div></section><div style=left:-1000px;overflow:scroll;position:absolute;top:-1000px;border:none;box-sizing:content-box;height:200px;margin:0;padding:0;width:200px><div style=border:none;box-sizing:content-box;height:200px;margin:0;padding:0;width:200px></div></div><script src=/ardour-tutorial/js/clipboard.min.js?1648704090></script>
<script src=/ardour-tutorial/js/perfect-scrollbar.min.js?1648704090></script>
<script src=/ardour-tutorial/js/perfect-scrollbar.jquery.min.js?1648704090></script>
<script src=/ardour-tutorial/js/jquery.sticky.js?1648704090></script>
<script src=/ardour-tutorial/js/featherlight.min.js?1648704090></script>
<script src=/ardour-tutorial/js/highlight.pack.js?1648704090></script>
<script>hljs.initHighlightingOnLoad()</script><script src=/ardour-tutorial/js/modernizr.custom-3.6.0.js?1648704090></script>
<script src=/ardour-tutorial/js/learn.js?1648704090></script>
<script src=/ardour-tutorial/js/hugo-learn.js?1648704090></script>
<script src=/ardour-tutorial/mermaid/mermaid.js?1648704090></script>
<script>mermaid.initialize({startOnLoad:!0})</script></body></html>