-
Notifications
You must be signed in to change notification settings - Fork 0
/
Karaoke_Timing_Tutorial.html
304 lines (293 loc) · 22.1 KB
/
Karaoke_Timing_Tutorial.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
<!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" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Karaoke Timing Tutorial" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="search" type="application/opensearchdescription+xml" href="./opensearch_desc.php" title="Aegisub Manual (English)" />
<title>Karaoke Timing Tutorial - Aegisub Manual</title>
<style type="text/css" media="screen,projection">/*<![CDATA[*/ @import "./skins/aegisub/main.css"; /*]]>*/</style>
<link rel="stylesheet" type="text/css" media="print" href="./skins/common/commonPrint.css" />
<!--[if lt IE 5.5000]><style type="text/css">@import "./skins/aegisub/IE50Fixes.css";</style><![endif]-->
<!--[if IE 5.5000]><style type="text/css">@import "./skins/aegisub/IE55Fixes.css";</style><![endif]-->
<!--[if gte IE 6]><style type="text/css">@import "./skins/aegisub/IE60Fixes.css";</style><![endif]-->
<!--[if IE]><script type="text/javascript" src="/docs/skins/common/IEFixes.js"></script>
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
<script type= "text/javascript">/*<![CDATA[*/
var skin = "aegisub";
var stylepath = "/docs/skins";
var wgArticlePath = "/docs/$1";
var wgScriptPath = "/docs";
var wgServer = "http://aegisub.cellosoft.com";
var wgCanonicalNamespace = "";
var wgCanonicalSpecialPageName = false;
var wgNamespaceNumber = 0;
var wgPageName = "Karaoke_Timing_Tutorial";
var wgTitle = "Karaoke Timing Tutorial";
var wgAction = "view";
var wgArticleId = "196";
var wgIsArticle = true;
var wgUserName = null;
var wgUserGroups = null;
var wgUserLanguage = "en";
var wgContentLanguage = "en";
var wgBreakFrames = false;
var wgCurRevisionId = "771";
/*]]>*/</script>
<script type="text/javascript" src="./skins/common/wikibits.js_63.html"><!-- wikibits js --></script>
<script type="text/javascript" src="/docs/index.php?title=-&action=raw&gen=js"><!-- site js --></script>
<style type="text/css">/*<![CDATA[*/
@import "./Common.css";
@import "./Aegisub.css";
@import "/docs/index.php?title=-&action=raw&gen=css&maxage=18000";
/*]]>*/</style>
<!-- Head Scripts -->
<style>
.editsection { display: none; }
</style>
</head>
<body class="mediawiki ns-0 ltr page-Karaoke_Timing_Tutorial">
<div id="globalWrapper">
<div id="column-content">
<div id="content">
<a name="top" id="contentTop"></a>
<h1 class="firstHeading">Karaoke Timing Tutorial</h1>
<div id="bodyContent">
<h3 id="siteSub">From Aegisub Manual</h3>
<div id="contentSub"></div>
<!-- start content -->
<p>This tutorial will teach you how to load a song into Aegisub, how to enter the words for the song and how to add time-codes to the words to synchronise them with the song.
</p><p>You don't need to have used Aegisub before to follow this tutorial.
</p>
<table id="toc" class="toc" summary="Contents"><tr><td><div id="toctitle"><h2>Contents</h2></div>
<ul>
<li class="toclevel-1"><a href="#Before_we_begin"><span class="tocnumber">1</span> <span class="toctext">Before we begin</span></a></li>
<li class="toclevel-1"><a href="#Loading_the_song"><span class="tocnumber">2</span> <span class="toctext">Loading the song</span></a>
<ul>
<li class="toclevel-2"><a href="#Tips"><span class="tocnumber">2.1</span> <span class="toctext">Tips</span></a></li>
</ul>
</li>
<li class="toclevel-1"><a href="#Entering_the_words"><span class="tocnumber">3</span> <span class="toctext">Entering the words</span></a></li>
<li class="toclevel-1"><a href="#Rough_timing.2C_the_lines_first"><span class="tocnumber">4</span> <span class="toctext">Rough timing, the lines first</span></a>
<ul>
<li class="toclevel-2"><a href="#Tips_2"><span class="tocnumber">4.1</span> <span class="toctext">Tips</span></a></li>
</ul>
</li>
<li class="toclevel-1"><a href="#Fine_timing.2C_words_and_then_syllables"><span class="tocnumber">5</span> <span class="toctext">Fine timing, words and then syllables</span></a></li>
<li class="toclevel-1"><a href="#Styling"><span class="tocnumber">6</span> <span class="toctext">Styling</span></a></li>
<li class="toclevel-1"><a href="#Wrapping_up"><span class="tocnumber">7</span> <span class="toctext">Wrapping up</span></a></li>
</ul>
</td></tr></table><script type="text/javascript"> if (window.showTocToggle) { var tocShowText = "show"; var tocHideText = "hide"; showTocToggle(); } </script>
<a name="Before_we_begin"></a><h2><span class="editsection">[edit]</span> <span class="mw-headline"> Before we begin </span></h2>
<p>There's a few things you need to have ready before starting:
</p>
<ul><li> The song itself. This can for example be as an MP3 file or inside a video. Aegisub can read the sound from video files, you don't need to create a separate sound file if the song is on a video.
</li></ul>
<ul><li> The words for the song. It's easiest if you have them in a plain text file (.txt file) broken into verses and stanzas already.
</li></ul>
<p>I am using an English song for demonstration here, but many of the more advanced functions in Aegisub are designed for use with songs in Japanese and other languages that often need transcription or transliteration into Latin script. I will show how to use those in a video tutorial.
</p>
<a name="Loading_the_song"></a><h2><span class="editsection">[edit]</span> <span class="mw-headline"> Loading the song </span></h2>
<p>We'll start by creating a new file. You already have that if you have just started Aegisub.
</p><p><img alt="Image:Karatiming-1.png" longdesc="/docs/Image:Karatiming-1.png" src="./images/Karatiming-1.png" width="920" height="279" />
</p><p>Now open your song. Select <b>Open Audio</b> from the <b>Audio</b> menu...
</p><p><img alt="Image:Karatiming-2.png" longdesc="/docs/Image:Karatiming-2.png" src="./images/Karatiming-2.png" width="282" height="147" />
</p><p>...then select your song file.
</p><p><img alt="Image:Karatiming-3.png" longdesc="/docs/Image:Karatiming-3.png" src="./images/Karatiming-3.png" width="593" height="434" />
</p><p>Aegisub will now spend a short while reading the audio file.
</p><p><img alt="Image:Karatiming-4.png" longdesc="/docs/Image:Karatiming-4.png" src="./images/Karatiming-4.png" width="331" height="98" />
</p><p>When it's done, you should have a waveform display (the audio display) at the top of the Aegisub window. If you've used Aegisub before things might look a little different, it might be easier to follow the rest of this tutorial if you set things to look like on this picture.
</p><p><img alt="Image:Karatiming-5.png" longdesc="/docs/Image:Karatiming-5.png" src="./images/Karatiming-5.png" width="920" height="700" />
</p><p>We'll look at how to use the audio display for timing in a moment, but first let's get the lyrics for the song loaded.
</p>
<a name="Tips"></a><h3><span class="editsection">[edit]</span> <span class="mw-headline"> Tips </span></h3>
<p><b>Loading audio directly from video files:</b> You can select to choose from video files in the Open Audio file selector. This won't actually open the video in the file, it will just read the audio from the video file, the same as if it was just the audio in a separate file.
</p><p><b>Instant loading of WAV files:</b> If you have an uncompressed PCM WAV file, Aegisub can open it instantly without first loading it entirely into memory. This can be a great time-saver, but of course it requires a bit of extra disk space and probably also a bit of work beforehand to even create the WAV file. (Remember that this only works with <i>uncompressed PCM</i> files, things like ADPCM or MP3 in WAV files won't work and will still trigger the pre-loading.)
</p>
<a name="Entering_the_words"></a><h2><span class="editsection">[edit]</span> <span class="mw-headline"> Entering the words </span></h2>
<p>Now, to get the text in, we could just start typing it in...
</p><p><img alt="Image:Karatiming-6.png" longdesc="/docs/Image:Karatiming-6.png" src="./images/Karatiming-6.png" width="372" height="211" />
</p><p><b>But don't do that!</b> You'll get much huger success if you have it all in a text file, copy it from there and paste it into Aegisub. (You can often also just copy-paste directly from your favourite lyrics website.)
</p><p>I have the lyrics in a text file, so I open that, select the text and copy it to the clipboard.
</p><p><img alt="Image:Karatiming-7.png" longdesc="/docs/Image:Karatiming-7.png" src="./images/Karatiming-7.png" width="570" height="246" />
</p><p>Now things get a little complicated, but don't worry, it really isn't hard :-)
</p><p>There are two different places you can paste into Aegisub: The subtitles grid and the subtitles edit box. When you paste into the subtitles grid, you create new lines in the subtitle file. When you paste into the subtitles edit box you change the currently selected subtitle line.
</p><p>We want to make sure we paste into the subtitles grid, so click once inside the grid area (at the bottom of the window) to set the input focus to that.
</p><p><img alt="Image:Karatiming-8.png" longdesc="/docs/Image:Karatiming-8.png" src="./images/Karatiming-8.png" width="244" height="138" />
</p><p>And now we can paste in the lyrics.
</p><p><img alt="Image:Karatiming-9.png" longdesc="/docs/Image:Karatiming-9.png" src="./images/Karatiming-9.png" width="332" height="198" />
</p><p>They should appear immediately as lines in the grid. Notice that they all have start and end times set to zero. This makes it easier when we're going to time each line of the lyrics to the song.
</p><p><img alt="Image:Karatiming-10.png" longdesc="/docs/Image:Karatiming-10.png" src="./images/Karatiming-10.png" width="920" height="700" />
</p><p>It might be a good idea to save your file now, just so you can easily save it later on without having to give it a name.
</p><p>Remember that Aegisub automatically saves a copy of your file every minute, even if you haven't given it a name yet, so you rarely lose much work if something goes wrong.
</p><p><img alt="Image:Karatiming-11.png" longdesc="/docs/Image:Karatiming-11.png" src="./images/Karatiming-11.png" width="593" height="434" />
</p><p>Now we're ready to time the individual lines in the lyrics.
</p>
<a name="Rough_timing.2C_the_lines_first"></a><h2><span class="editsection">[edit]</span> <span class="mw-headline"> Rough timing, the lines first </span></h2>
<p>Before we start with timing, you should know that the way presented here is just one of many. There's several ways you can time to audio in Aegisub and this one might not be the best one for you. Try to also explore the program and see if you can find your own best way to do it. This is just the way I (jfs) usually do it.
</p><p>First let's look at how to get around the audio display and play the audio. You might already have noticed that there's no less than 6 different "Play" buttons. Usually you'll just use one of them, though: The one with the blue outward-pointing brackets around. That one is Play Selection, and plays the part of the audio that's currently highlighted.
</p><p><img alt="Image:Karatiming-12.png" longdesc="/docs/Image:Karatiming-12.png" src="./images/Karatiming-12.png" width="260" height="152" />
</p><p>Try pressing the Play Selection button, you should hear the first 5 seconds of the song played. (Aegisub selects the first 5 seconds by default.)
</p><p>Now try changing the selection: You can left-click and drag in the audio display to select the part you've dragged across. If you click and drag on the left or right edge of the selection you can change just the start or end. Finally, you can make a single left-click (without dragging!) anywhere to set the selection start right to that point, and you can make a single right-click to set the selection end.
</p><p>Let's time the first line. Find the start and end of the first line of the song you're working on and make sure the audio selection matches it exactly. Notice that at first, the selection was gray but as soon as you started changing it, it became red and the word "Modified" appeared. This means that you have changed the selection but not saved (committed) the new timing.
</p><p>To commit the timing and store it back to the subtitle line, just press the Commit button, the green check mark.
</p><p><img alt="Image:Karatiming-13.png" longdesc="/docs/Image:Karatiming-13.png" src="./images/Karatiming-13.png" width="461" height="226" />
</p><p>When you commit, you will also be sent to the next line automatically, so you can immediately continue timing that.
</p><p>Just continue timing like that until you have covered all the lines of the song: Find start and end of line, set the selection and then commit.
</p><p>When you're done, save the file.
</p>
<a name="Tips_2"></a><h3><span class="editsection">[edit]</span> <span class="mw-headline"> Tips </span></h3>
<p>Timing from audio isn't hard at all, but here's some tips to make it even easier and also a lot faster!
</p><p><br />
<b>Hotkeys:</b> There's a number of keyboard shortcuts that can make audio timing much faster to work with.
</p><p><img alt="Image:Karatiming-14.png" longdesc="/docs/Image:Karatiming-14.png" src="./images/Karatiming-14.png" width="825" height="84" />
</p><p>The most important ones are:
</p>
<ul><li> <b>S</b> - Play Selection: Play back the currently selected audio.
</li><li> <b>A</b> and <b>F</b> - Scroll Left and Right: Change the potion of the audio visible.
</li><li> <b>G</b> - Commit: Copy the start and end times of the current audio selection into the line selected in the subtitles grid and move to the next line.
</li></ul>
<p><br />
<b>Play near start/end:</b> There's four buttons (hotkeys Q, W, E and D) that play half a second just before or just after the start and end of the selection. You can use these to more accurately set the start and end to exactly where the singing starts/ends.
</p><p><br />
<b>Change selection while playing:</b> While audio is playing you can still change the selection. You won't see any difference if you change the selection start, but if you change the selection end, playback will now end when it hits the new selection end. This way you can quickly stop playback by setting the end close to the playback cursor (the white line that moves while Aegisub is playing) or extend the playback to go even further.
</p><p>For example, when looking for the start of the first line, you can just start playback with the initial 5 second selection and continue extending it until you find the line. Then, while it's still playing, you can set the right start time and then the end time. When you have the line approximately down like that, you can do an extra check by playing the entire selection again, or by using the Q/W/E/D keys to play the parts right around the start and end times.
</p><p><br />
<b>Spectrum mode:</b> Usually the audio display is in waveform mode, this is what I've shown on all the screenshots so far. But actually Aegisub has a much cooler way of showing the audio: Spectrum mode.
</p><p><img alt="Image:Karatiming-15.png" longdesc="/docs/Image:Karatiming-15.png" src="./images/Karatiming-15.png" width="900" height="225" />
</p><p>The spectrum mode takes more CPU and RAM than waveform mode, but it gives a better picture of the audio and with a bit of training you can learn to tell singing from music and even how different sounds look. For example, S sounds are very easy to recognise.
</p><p><br />
<b>Zooming and scaling:</b> You can use the slider bars to the far right of the audio display to zoom in and out on the audio and to change the volume.
</p>
<a name="Fine_timing.2C_words_and_then_syllables"></a><h2><span class="editsection">[edit]</span> <span class="mw-headline"> Fine timing, words and then syllables </span></h2>
<div style="margin-left: 2em; margin-right: 3em; margin-top: 0.5em; padding-left: 1em; padding-right: 4em; background-color: #FDFEE7; border: 1px solid #F9FD96;"><b>Todo:</b>
<p>Click Karaoke button.
</p><p>Time words.
</p><p>Click Split button. Place split markers. Click Accept Split button.
</p><p>Time syllables.
</p><p>Commit.
</p>
Repeat.</div>
<p><br />
</p>
<a name="Styling"></a><h2><span class="editsection">[edit]</span> <span class="mw-headline"> Styling </span></h2>
<div style="margin-left: 2em; margin-right: 3em; margin-top: 0.5em; padding-left: 1em; padding-right: 4em; background-color: #FDFEE7; border: 1px solid #F9FD96;"><b>Todo:</b> a bit about styles, how basic karaoke looks, and the \kf and \ko effects</div>
<p><br />
</p>
<a name="Wrapping_up"></a><h2><span class="editsection">[edit]</span> <span class="mw-headline"> Wrapping up </span></h2>
<div style="margin-left: 2em; margin-right: 3em; margin-top: 0.5em; padding-left: 1em; padding-right: 4em; background-color: #FDFEE7; border: 1px solid #F9FD96;"><b>Todo:</b> mention the video tutorial again and point to other relevant topics</div>
<!--
Pre-expand include size: 2361 bytes
Post-expand include size: 926 bytes
Template argument size: 278 bytes
Maximum: 2097152 bytes
-->
<!-- Saved in parser cache with key zeratul-aegimanual_:pcache:idhash:196-0!1!0!!en!2 and timestamp 20090615093559 -->
<div class="printfooter">
Retrieved from "<a href="./Karaoke_Timing_Tutorial.html">http://aegisub.cellosoft.com/docs/Karaoke_Timing_Tutorial</a>"</div>
<div id="catlinks"><p class='catlinks'>Category: <span dir='ltr'><a href="./Category_Pages_with_Todo_items.html" title="Category:Pages with Todo items">Pages with Todo items</a></span></p></div> <!-- end content -->
<div class="visualClear"></div>
</div>
</div>
</div>
<div id="column-one">
<div class="portlet" id="p-logo">
<a style="background-image: url(/docs/skins/common/images/wiki.png);"
href="./Main_Page.html"
title="Main Page"></a>
</div>
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
<div class='portlet' id='p-navigation'>
<h5>Navigation</h5>
<div class='pBody'>
<ul>
<li id="n-mainpage"><a href="./Main_Page.html">Main Page</a></li>
</ul>
</div>
</div>
<div class='portlet' id='p-Introduction'>
<h5>Introduction</h5>
<div class='pBody'>
<ul>
<li id="n-What-is-Aegisub?"><a href="./About.html">What is Aegisub?</a></li>
<li id="n-Highlights"><a href="./Highlights.html">Highlights</a></li>
<li id="n-Credits"><a href="./Credits.html">Credits</a></li>
<li id="n-Support-Aegisub"><a href="./Support.html">Support Aegisub</a></li>
<li id="n-FAQ"><a href="./FAQ.html">FAQ</a></li>
<li id="n-Tutorials"><a href="./Tutorials.html">Tutorials</a></li>
</ul>
</div>
</div>
<div class='portlet' id='p-Working with Subtitles'>
<h5>Working with Subtitles</h5>
<div class='pBody'>
<ul>
<li id="n-Editing-Subtitles"><a href="./Editing_Subtitles.html">Editing Subtitles</a></li>
<li id="n-Exporting-Subtitles"><a href="./Exporting.html">Exporting Subtitles</a></li>
<li id="n-Applying-Subtitles"><a href="./Attaching_subtitles_to_video.html">Applying Subtitles</a></li>
<li id="n-Spell-Checker"><a href="./Spell_Checker.html">Spell Checker</a></li>
<li id="n-Translation-Assistant"><a href="./Translation_Assistant.html">Translation Assistant</a></li>
<li id="n-Paste-Over"><a href="./Paste_Over.html">Paste Over</a></li>
<li id="n-Select-Lines"><a href="./Select_Lines.html">Select Lines</a></li>
</ul>
</div>
</div>
<div class='portlet' id='p-Typesetting'>
<h5>Typesetting</h5>
<div class='pBody'>
<ul>
<li id="n-Introduction"><a href="./Typesetting.html">Introduction</a></li>
<li id="n-Working-with-Video"><a href="./Video.html">Working with Video</a></li>
<li id="n-Editing-styles"><a href="./Styles.html">Editing styles</a></li>
<li id="n-Visual-Typesetting"><a href="./Visual_Typesetting.html">Visual Typesetting</a></li>
<li id="n-ASS-Override-Tags"><a href="./ASS_Tags.html">ASS Override Tags</a></li>
<li id="n-Colour-Picker"><a href="./Colour_Picker.html">Colour Picker</a></li>
<li id="n-Styling-Assistant"><a href="./Styling_Assistant.html">Styling Assistant</a></li>
<li id="n-Resolution-Resampler"><a href="./Resolution_Resampler.html">Resolution Resampler</a></li>
<li id="n-Fonts-Collector"><a href="./Fonts_Collector.html">Fonts Collector</a></li>
</ul>
</div>
</div>
<div class='portlet' id='p-Timing'>
<h5>Timing</h5>
<div class='pBody'>
<ul>
<li id="n-Working-with-Audio"><a href="./Audio.html">Working with Audio</a></li>
<li id="n-Shift-times"><a href="./Shift_Times.html">Shift times</a></li>
<li id="n-Timing-Post-Processor"><a href="./Timing_Post-Processor.html">Timing Post-Processor</a></li>
<li id="n-Kanji-Timer"><a href="./Kanji_Timer.html">Kanji Timer</a></li>
</ul>
</div>
</div>
<div class='portlet' id='p-Automation'>
<h5>Automation</h5>
<div class='pBody'>
<ul>
<li id="n-Overview"><a href="./Automation.html">Overview</a></li>
<li id="n-Karaoke-Templater"><a href="./Karaoke_Templater.html">Karaoke Templater</a></li>
<li id="n-Lua-Reference"><a href="./Lua_Reference.html">Lua Reference</a></li>
</ul>
</div>
</div>
<div class='portlet' id='p-Miscellaneous'>
<h5>Miscellaneous</h5>
<div class='pBody'>
<ul>
<li id="n-Aegisub-Options"><a href="./Options.html">Aegisub Options</a></li>
<li id="n-Script-Properties"><a href="./Properties.html">Script Properties</a></li>
<li id="n-Attachment-Manager"><a href="./Attachment_Manager.html">Attachment Manager</a></li>
</ul>
</div>
</div>
<!-- end of the left (by default at least) column -->
<div class="visualClear"></div>
<div id="footer">
<table width = "100%">
<tr><td width="5%" align="left" nowrap='nowrap'></td>
<td align="center"></td>
<td width="5%" align="right" nowrap='nowrap'></td></tr></table>
</div>
<script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script>
</div>
<!-- Served by cellosoft.com in 0.040 secs. --> </body>
</html>