PageSourceSearch

https://lamucal.com/library

html lamucal.com collected 2026-10-02 20:39:46 UTC 48,908 bytes, 1,023 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="google-adsense-account" content="ca-pub-4285859478013936">
7    <meta name="viewport"
8        content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=no, viewport-fit=cover">
9    <link rel="icon" type="shortcut icon" href="https://cdn.lamucal.com/favicon.ico">
10    
11<meta name="robots" content="noindex, nofollow">
12
13    <title>My Libray - Lamucal</title>
14    
15
16
17    <meta name="description" content="AI-generated tabs, chords, and lyrics. Edit, transpose, separate tracks, and remove vocals easily. Also includes interactive learning, which turns any music or song (YouTube, MP3) into chords. Play along with guitar, ukulele, or piano.">
18    <meta name="keywords" content="chords, tabs, lyrics, lamucal, Vocal Remover">
19
20    <meta name="ogDescription" content="AI-generated tabs, chords, and lyrics. Edit, transpose, separate tracks, and remove vocals easily. Also includes interactive learning, which turns any music or song (YouTube, MP3) into chords. Play along with guitar, ukulele, or piano.">
21    <meta name="og:image" content="https://cdn.lamucal.com/icons/180.png">
22    <meta name="og:type" content="website">
23    <meta name="og:url" content="https://lamucal.com/library">
24
25    <meta name="twitter:description" content="AI-generated tabs, chords, and lyrics. Edit, transpose, separate tracks, and remove vocals easily. Also includes interactive learning, which turns any music or song (YouTube, MP3) into chords. Play along with guitar, ukulele, or piano.">
26    <meta name="twitter:image" content="https://cdn.lamucal.com/icons/180.png">
27    <meta name="twitter:card" content="summary">
28    <meta name="twitter:site" content="@lamucal">
29
30    
31<meta name="og:title" content="My Libray - Lamucal">
32<meta name="twitter:title" content="My Libray - Lamucal">
33
34    <link rel="dns-prefetch" href="https://cdn.lamucal.com">
35    <link rel="dns-prefetch" href="https://api.staycd.com">
36    <link rel="preconnect" href="https://cdn.lamucal.com">
37    <link rel="preconnect" href="https://api.staycd.com">
38    
39    
40    <link rel="canonical" href="https://lamucal.com/library"> 
41    
42    <link rel="alternate" hreflang="x-default" href="https://lamucal.com/library">
43    
44    <link rel="alternate" hreflang="en" href="https://lamucal.com/library">
45    
46    <link rel="alternate" hreflang="es" href="https://lamucal.com/es/library">
47    
48    <link rel="alternate" hreflang="pt" href="https://lamucal.com/pt/library">
49
50    <link rel="apple-touch-icon" sizes="60x60" href="https://cdn.lamucal.com/icons/60.png">
51    <link rel="apple-touch-icon" sizes="120x120" href="https://cdn.lamucal.com/icons/120.png">
52    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.lamucal.com/icons/180.png">
53
54
55    <link rel="preconnect" href="https://fonts.googleapis.com">
56    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
57    
58
59    
60    <link rel="preload" href="/static/css_bundle/public.css?10b90355" as="style">
61    
62    <link rel="stylesheet" type="text/css" href="/static/css_bundle/public.css?10b90355">
63    
64    <link rel="preload" href="/static/js_bundle/public_base.min.js?d91653c3" as="script">
65    
66    
66<script type="text/javascript" src="/static/js_bundle/public_base.min.js?d91653c3" defer></script>
66
67    
68
69<link rel="stylesheet" type="text/css" href="/static/css_bundle/library.css?aa95644a">
70
71<script type="text/javascript" src="/static/js_bundle/library.min.js?5b0187ec" defer></script>
71
72
73</head>
74
75<body>
76    
77    <header class="header_title" id="DomHeaderTitle">
78        <div class="box">
79            <div class="left">
80                <a href="/" target="_top" class="logo" aria-label="go Home Page"></a>
81                <a href="/" target="_top" class="logoTwo"
82                    aria-label="go Home Page"></a>
83                <nav class="list noScrollbar">
84                    <a href="/" target="_top" class="item ">Tabs</a>
85
86                    <div href="/ai-cover" target="_top" id="AICoverGoCenter"
87                        class="item hidden  ">
88                        AI Cover</div>
89
90                    <button id="goVocalRemover"
91                        class="item ">
92                        Vocal Remover</button>
93                    <a href="/library" target="_top"
94                        class="item itemClick mediaClear">My Library</a>
95                    
96
97
98                    <a href="/learn" target="_top"
99                        class="item  mediaClear">Courses</a>
100                </nav>
101            </div>
102            <div class="right mediaClear">
103                
104                <div class="nav-search cur_pointer" id="openBigSearch">
105                    <svg class="nav-search">
106                        <use href="/static/img/svg/sprite.svg#search"></use>
107                    </svg>
108                </div>
109                
110                <a class="vip" href="/pricing">
111                    <div class="nav-buy-icon">
112                        <svg class="nav-buy-icon">
113                            <use href="/static/img/svg/sprite.svg#buy"></use>
114                        </svg>
115                    </div>
116                    <span>Go Premium</span>
117                </a>
118                <a class="iphone" href="/download">
119                    <div class="nav-download-icon2">
120                        <svg class="nav-download-icon2">
121                            <use href="/static/img/svg/sprite.svg#phone"></use>
122                        </svg>
123                    </div>
124                    <span>APP</span>
125                </a>
126                <div class="lang">
127                    <div class="nav-lang">
128                        <svg class="nav-lang">
129                            <use href="/static/img/svg/sprite.svg#lang"></use>
130                        </svg>
131                    </div>
132                    <span>EN</span>
133                    <div class="tab_list" id="bigLang">
134                        <div class="item itemClick"
135                            data-value="en">English</div>
136                        <div class="item " data-value="es">
137                            Español</div>
138                        <div class="item " data-value="pt">
139                            Português</div>
140                        <div class="item " data-value="hi">
141                            हिन्दी</div>
142                        <div class="item " data-value="id">
143                            Bahasa Indonesia</div>
144                        <div class="item " data-value="ja">
145                            にほんご</div>
146                        <div class="item " data-value="ko">
147                            한국어</div>
148                        <div class="item " data-value="th">
149                            ภาษาไทย</div>
150                        <div class="item " data-value="de">
151                            Deutsch</div>
152                        <div class="item " data-value="fr">
153                            Français</div>
154                        <div class="item " data-value="ru">
155                            русский</div>
156                        <div class="item " data-value="zh">
157                            简体中文</div>
158                        <div class="item " data-value="tw">
159                            繁體中文</div>
160                    </div>
161                </div>
162                <div>
163                    
164                        
165                        
166                        
167                </div>
168                <button class="head-no-icon hidden" id="userLoginOpen">
169                    <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
170                        xmlns:xlink="http://www.w3.org/1999/xlink">
171                        <defs>
172                            <rect id="path-1" x="0" y="0" width="20" height="20"></rect>
173                        </defs>
174                        <g id="3.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
175                            <g id="" transform="translate(-1881, -20)">
176                                <g id="" transform="translate(1881, 20)">
177                                    <mask id="mask-2" fill="white">
178                                        <use xlink:href="#path-1"></use>
179                                    </mask>
180                                    <path
181                                        d="M18,17.2866727 L18,16.0974236 C18.0000613,15.0606912 17.5478336,14.0755194 16.7621688,13.3990984 C15.111983,11.981302 12.8579268,11.2724038 10,11.2724038 C7.14207325,11.2724038 4.888017,11.981302 3.23783124,13.3990984 C2.45216636,14.0755194 1.99993869,15.0606912 2,16.0974236 L2,17.2866727 C2,17.9415339 2.53086989,18.4724038 3.18573109,18.4724038 L16.8142689,18.4724038 C17.4691301,18.4724038 18,17.9415339 18,17.2866727 Z"
182                                        id="椭圆形备份" fill="#7C7C7C" mask="url(#mask-2)"></path>
183                                    <path
184                                        d="M10,10.5724038 C12.4852814,10.5724038 14.5,8.55768517 14.5,6.07240379 C14.5,3.58712242 12.4852814,1.57240379 10,1.57240379 C7.51471863,1.57240379 5.5,3.58712242 5.5,6.07240379 C5.5,8.55768517 7.51471863,10.5724038 10,10.5724038 Z"
185                                        id="椭圆形" fill="#7C7C7C" mask="url(#mask-2)"></path>
186                                </g>
187                            </g>
188                        </g>
189                    </svg>
190                </button>
191                <button class="loginTabBox">
192                    <div class="head-icon hidden " id="haveUser">
193                        <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1"
194                            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
195                            <defs>
196                                <rect id="path-1" x="0" y="0" width="20" height="20"></rect>
197                            </defs>
198                            <g id="3.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
199                                <g id="" transform="translate(-1881, -20)">
200                                    <g id="" transform="translate(1881, 20)">
201                                        <mask id="mask-2" fill="white">
202                                            <use xlink:href="#path-1"></use>
203                                        </mask>
204                                        <path
205                                            d="M18,17.2866727 L18,16.0974236 C18.0000613,15.0606912 17.5478336,14.0755194 16.7621688,13.3990984 C15.111983,11.981302 12.8579268,11.2724038 10,11.2724038 C7.14207325,11.2724038 4.888017,11.981302 3.23783124,13.3990984 C2.45216636,14.0755194 1.99993869,15.0606912 2,16.0974236 L2,17.2866727 C2,17.9415339 2.53086989,18.4724038 3.18573109,18.4724038 L16.8142689,18.4724038 C17.4691301,18.4724038 18,17.9415339 18,17.2866727 Z"
206                                            id="椭圆形备份" fill="#9E43ED" mask="url(#mask-2)"></path>
207                                        <path
208                                            d="M10,10.5724038 C12.4852814,10.5724038 14.5,8.55768517 14.5,6.07240379 C14.5,3.58712242 12.4852814,1.57240379 10,1.57240379 C7.51471863,1.57240379 5.5,3.58712242 5.5,6.07240379 C5.5,8.55768517 7.51471863,10.5724038 10,10.5724038 Z"
209                                            id="椭圆形" fill="#9E43ED" mask="url(#mask-2)"></path>
210                                    </g>
211                                </g>
212                            </g>
213                        </svg>
214                    </div>
215                    <div class="userName hidden haveUserName" id="haveUserName"></div>
216                    <div class="tab_list">
217                        <a class="item" href="/account">My Account</a>
218                        <div class="item" id="loginOut">Log Out</div>
219                    </div>
220                </button>
221            </div>
222            <div class="smallImg_search mediaShow" id="smallImg_search" onclick="openSmallSearch()">
223                <img src="https://cdn.lamucal.com/public/static/img/phone/nav-search.webp" alt="nav search">
224            </div>
225            <button class="smallImg_more mediaShow" onclick="changeMoreBox(true)">
226                <img src="https://cdn.lamucal.com/public/static/img/phone/nav-more.webp" alt="nav more action">
227            </button>
228            <div class="more_box hidden" id="moreBox">
229                <div class="close">
230                    <img data-src="https://cdn.lamucal.com/public/static/img/logo1.webp" alt="logo image"
231                        class="logo lazyload">
232                    <img src="https://cdn.lamucal.com/public/static/img/x.webp" alt="close image" class="close_img"
233                        onclick="changeMoreBox(false)">
234                </div>
235                <a class="item" href="/">
236                    <div>Discover</div>
237                    <div class="arrow">></div>
238                </a>
239                <div class="item uploadMusicClass">
240                    <div>Upload song</div>
241                    <div class="arrow">></div>
242                </div>
243                <div class="item" id="moreGoLogin">
244                    <div>Account</div>
245                    <div class="arrow">></div>
246                </div>
247                <a class="item" href="/pricing">
248                    <div>
248Pricing</div>
249                    <div class="arrow">></div>
250                </a>
251                <a class="item" href="/library">
252                    <div>
253                        <div>My Library</div>
254                    </div>
255                    <div class="arrow">></div>
256                </a>
257                <a class="item mb10" href="/learn">
258                    <div>Courses</div>
259                    <div class="arrow">></div>
260                </a>
261                <a class="item" href="/about">
262                    <div>About Us</div>
263                    <div class="arrow">></div>
264                </a>
265                <a class="item" href="/features">
266                    <div>Features</div>
267                    <div class="arrow">></div>
268                </a>
269                <a class="item" href="/privacy">
270                    <div>Privacy Policy</div>
271                    <div class="arrow">></div>
272                </a>
273                <a class="item" href="/tos">
274                    <div>Terms of Service</div>
275                    <div class="arrow">></div>
276                </a>
277
278                <a href="https://link.lamucal.com/NPsR/getAppiOS" target="_blank" title="apple download">
279                    <img data-src="https://cdn.lamucal.com/public/static/img/icon10.svg" alt="apple download"
280                        class="iconApp lazyload"></a>
281                <a href="https://link.lamucal.com/NPsR/getAppAndroid" target="_blank" title="google download">
282                    <img data-src="https://cdn.lamucal.com/public/static/img/icon11.svg" alt="google download"
283                        class="iconApp lazyload"></a>
284
285            </div>
286            <div class="smallSearchBox hidden" id="smallSearchBox">
287                <form action="">
288                    <input type="search" autocomplete="off" id="smallSearchInput" class="smallSearchInput"
289                        placeholder="Search Any Song">
290                </form>
291                <div onclick="openSmallSearch()" class="cancel">Cancel</div>
292            </div>
293        </div>
294        
295        <div class="searchBig hidden topuploadPage" id="searchBig">
296            <div class="searchInputbox">
297                <input type="text" placeholder="Search Any Song" class="searchInput" id="searchTopInput">
298                <div class="search" id="searchTopBtn">
299                    <svg class="w-6 h-6 mr-4 text-purple-700" width="24" height="24" fill="none" stroke="currentColor"
300                        viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
301                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
302                            d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
303                    </svg>
304                </div>
305            </div>
306            <div class="upload mediaClear">
307                <img src="https://cdn.lamucal.com/public/static/img/icon6.webp" alt="upload file" id="openBigUpload">
308                <div class="input_unplad hidden uploadMusicClass" id="input_unplad">
309                    <div class="upload_con">
310                        <div>Drop music file </div>
311                        <div class="second">MP3, M4A, OGG</div>
312                        <div class="second">------ OR ------</div>
313                        <div class="text">Select a file to upload</div>
314                    </div>
315                </div>
316            </div>
317            <div class="fixBg_upload hidden" id="fixBgUpload"></div>
318        </div>
319        
320        <div class="smallSearchBox2 hidden" id="smallSearchBox2">
321            <form action="">
322                <input type="search" autocomplete="off" autocorrect="off" autocapitalize="off" id="smallSearchInput2"
323                    class="smallSearchInput" placeholder="Search Any Song">
324            </form>
325            <div onclick="searchClick()" class="cancel">Search</div>
326        </div>
327    </header>
328    <!--      -->
329    
330    
331<main class="library">
332    <div class="allBox">
333        <div class="left_tabs " id="leftTabs"">
334            <div class=" leftCon ">
335                <div class=" librarybox noScrollbar">
336            <div class="item " data-index="1">My Tabs</div>
337            <div class="item hidden" data-index="0">My AI Covers</div>
338            <div class="item" data-index="2">My Vocal Remover</div>
339        </div>
340    </div>
341    </div>
342    <div class="centent">
343        <div class="topMoreShow hidden" id="topMoreShow">
344            <div class="top_title">
345                <div>Setlist</div>
346                <div class="more_text hidden" id="goMorePage">more</div>
347            </div>
348            <div class="moreList" id="moreList">
349
350            </div>
351        </div>
352        <div class="typeList">
353            <div class="item hidden" data-Key="2">History<div class="btm_line"></div>
354            </div>
355            <div class="item hidden" data-Key="0">My Favorites<div class="btm_line"></div>
356            </div>
357            <div class="item hidden" data-Key="7">Setlist<div class="btm_line"></div>
358            </div>
359            <div class="item hidden" data-Key="1">Import<div class="btm_line"></div>
360            </div>
361            
362                
363            <div class="item hidden" data-Key="4">Vocal Remover<div class="btm_line"></div>
364            </div>
365            <div class="item hidden" data-Key="5">My Cover<div class="btm_line"></div>
366            </div>
367            <div class="item hidden" data-Key="6">My Voices<div class="btm_line">
368                </div>
369            </div>
370            <div class="img_box hidden" id="nextImportIcon">
371                <img src="https://cdn.lamucal.com/public/static/img/aiCover/share_icon_no_bg.webp" class="img">
372            </div>
373        </div>
374        <div class="songList">
375            <div class="remaining_time hidden" id="remainingTimeBox">Remaining time: <span
376                    id="remainingTime"></span></div>
377            <div id="songList">
378            </div>
379        </div>
380    </div>
381    </div>
382
383    <!-- save setlist -->
384    <div class="dialog hidden" id="saveMusicList">
385        <div class="saveMusicList" id="saveMusicListId">
386            <img src="https://cdn.lamucal.com/public/static/img/x.webp" class="closeDialog" id="SavecloseDialog">
387            <div class="dialog_tit">Save to setlists</div>
388            <div class="list" id="saveList">
389
390            </div>
391            <div class="btnBox">
392                <div class="item" id="saveConfirm">
393                    <img src="https://cdn.lamucal.com/public/static/img/%2B.webp" class="icon">
394                    <div>Create new setlist</div>
395                </div>
396            </div>
397        </div>
398    </div>
399    <!-- create setlist -->
400    <div class="dialog hidden" id="addSetlist">
401        <div class="addSetlistBox" id="addSetlistBox">
402            <img src="https://cdn.lamucal.com/public/static/img/x.webp" class="closeDialog" id="closeDialog">
403            <div>New Setlist</div>
404            <input type="text" value="" placeholder="Enter Setlist Name" class="input" id="addSetlistInput">
405            <div class="btnBox">
406                <div class="item">
407                    <div>Public</div>
408                    <div class="round roundClick" id="roundFun">
409                        <img src="https://cdn.lamucal.com/public/static/img/songs/ico-menu-checked.png" class="choose ">
410                    </div>
411                </div>
412                <div class="item btn" id="confirm">Continue</div>
413            </div>
414        </div>
415    </div>
416    <!-- rename -->
417    <div class="dialog hidden" id="resetBox">
418        <div class="resetBox" id="resetBoxId">
419            <img src="https://cdn.lamucal.com/public/static/img/x.webp" class="closeDialog" id="closeresetDialog">
420            <div>Rename</div>
421            <input type="text" value="" placeholder="Enter a new name" class="input" id="resetBoxInput">
422            <div class="btnBox">
423                <div class="item btn cancel" id="cancelRessetConfirm">Cancel</div>
424                <div class="item btn" id="saveRessetConfirm">Continue</div>
425            </div>
426        </div>
427    </div>
428    <div class="dialog hidden" id="EditDetailDialog">
429        <div class="EditDetailDialog" id="EditDetailialogId">
430            <img src="https://cdn.lamucal.com/public/static/img/x.webp" class="closeDialog" id="closeEditDetailDialog">
431            <div class="title">Edit Details</div>
432            <textarea type="text" value="" placeholder="" class="input" id="EditDetailDialogNum"></textarea>
433            <div class="btnBox">
434                <div class="item btn" id="saveEditDetailDialog">Confirm</div>
435            </div>
436        </div>
437    </div>
438
439
440    <div class="dialog hidden" id="importDialog">
441        <div class="importDialog" id="importDialogId">
442            <img src="https://cdn.lamucal.com/public/static/img/x.webp" class="closeDialog" id="closeImportDialog">
443            <div class="title">Import AI Voice Model ID</div>
444            <textarea type="text" value=""
445                placeholder="The daily import limit is 100 models, one model ID per line." class="input"
446                id="importDialogNum"></textarea>
447            <div class="btnBox">
448                <div class="item btn" id="saveImportDialog">Confirm</div>
449            </div>
450        </div>
451    </div>
452</main>
453<script type="text/javascript">
454    var i18n = window.i18n || {};
455    i18n['Save to setlists'] = "Save to setlists";
456    i18n['Delete'] = "Delete";
457    i18n['Rename'] = "Rename";
458    i18n['EditDetails'] = "Edit Details";
459    i18n['Songs'] = "songs";
460    i18n['Voices'] = "voices";
461    i18n['Deleted'] = "Deleted";
462    i18n['Failed'] = "Failed";
463    i18n['Processing'] = "Processing";
464    i18n['ExpirationTime'] = "Expiration time:";
465    i18n['GenerationFailed'] = "Generation failed";
466    i18n['AIIsGenerating'] = "AI is generating";
467    i18n['queuing'] = "Queuing";
468    i18n['people'] = "people";
469    i18n['Refresh'] = "Refresh";
470    i18n['Empty'] = "Empty";
471    i18n['copyTextSuccess'] = "Replicating Success!"
472    i18n['copyTextError'] = "The current browser does not support copying!"
473    i18n['Customized'] = "Customized"
474    i18n['CopyId'] = "Copy ID"
475    i18n['CopyUrl'] = "Copy URL"
476    i18n['PleaseEnterInputEncoding'] = "Please enter Input Encoding"
477    i18n['importError'] = "Import failed!"
478</script>
478
479
480
481    <div class="dialog dialogFix hidden" id="dialogFix">
482        <div class="pageLoading">
483            <div class="loading-icon"></div>
484            <div>loading...</div>
485        </div>
486    </div>
487
488    <div class="dialog hidden uploadFix uploadFixWhite" id="uploadFix">
489        <div class="hidden stopMode" id="uploadIng">
490            <div class="ingBox ">
491                <div>Drop music file </div>
492                <div>(MP3,M4A,OGG)</div>
493            </div>
494        </div>
495        <div class="uploadCon hidden" id="uploadCon">
496            <div class="text1" id="uploadConText">Step 1</div>
497            <div class="line_box">
498                <div class="line" id="uploadLine"></div>
499            </div>
500            <div class="lineText"><span id="lineTextOne">Uploading...</span><span id="lineText"></span></div>
501        </div>
502        <div class="uploadCon hidden uploadEnd " id="uploadEnd">
503            <div class="text1">Finished</div>
504            <div class="lineText">Generation successful</div>
505            <div class="ViewNow" id="goImportDetail"> View Now</div>
506        </div>
507    </div>
508
509    <!-- login -->
510    <div class="dialog hidden" id="loginBox">
511        <div class="loginId" id="loginId">
512            <img src="https://cdn.lamucal.com/public/static/img/x.webp" alt="close dialog" class="closeDialog"
513                id="closeLoginDialog">
514            <div class="title">Login/Signup to Lamucal</div>
515            <div class="loginTipBanner hidden" id="loginTipBanner">
516                <span class="tipIcon">🎁</span>
517                <span class="tipText">Log in and verify your email to get more songs</span>
518            </div>
519
520            <div class="otherLogin">
521                <div class="item ">
522                    <div class="btn googleIcon">
523                    </div>
524                    <div class="text">Continue with google</div>
525                    <div class="icon googleLogin" id="googleButton"></div>
526                </div>
527                <div class="item">
528                    <div class="btn appleIcon"></div>
529                    <div class="text">Continue with apple</div>
530                    <div class="icon appleid-signin" id="appleid-signin" data-mode="logo-only" data-color="black"
531                        data-border="false" data-type="sign in" data-border-radius="50"></div>
532                </div>
533                
534                <div class="item white" id="openEmailLogin">
535                    <div class="btn emailIcon">
536                        <img src="https://cdn.lamucal.com/public/static/img/login/email-logo.webp" alt="">
537                    </div>
538                    <div class="text">Sign up/Login with email</div>
539                </div>
540            </div>
541            <div class="emailLogin hidden" id="emailLogin">
542                <form onsubmit="return false;">
543                    <div class="inputbox">
544                        <img src="https://cdn.lamucal.com/public/static/img/login/email-logo.webp" alt="input email"
545                            class="icon1">
546                        <input type="text" class="input" autocomplete="new-password" placeholder="Email"
547                            id="EmailInput">
548                    </div>
549                    <div class="inputbox">
550                        <img src="https://cdn.lamucal.com/public/static/img/login/lock-logo.webp" alt="input password"
551                            class="icon2">
552                        <input type="password" class="input" autocomplete="new-password" placeholder="Password"
553                            id="PasswordInput">
554                    </div>
555                </form>
556                <div class="forget" id="openForget">Forgot</div>
557                <div class="loginBtn" id="loginBtn">Login/Signup</div>
558            </div>
559            <div class="agree"><span>I have read and agree to the</span> <a
560                    href="/tos" target="_blank">User Agreement</a>
561                <span>and</span> <a href="/privacy" target="_blank">Privacy Policy</a>
562            </div>
563        </div>
564    </div>
565
566    <!-- forgot password -->
567    <div class="dialog hidden" id="forgot">
568        <div class="forgotPubilc" id="forgotId">
569            <img src="https://cdn.lamucal.com/public/static/img/x.webp" class="closeDialog" id="closeforgot">
570            <div class="text1">Reset your password</div>
571            <div class="text2">Please enter the email address associated with your account, and we&#39;ll email you a link to reset your password.</div>
572            <form>
573                <input type="text" value="" placeholder="Email" autocomplete="new-password" class="input"
574                    id="forgotInput">
575                <div class="info hidden " id="forgotInfo">Invalid Email</div>
576            </form>
577            <div class="btnBox">
578                <div class="item btn cancel" id="cancelforgot">Cancel</div>
579                <div class="item btn" id="saveforgot">Continue</div>
580            </div>
581        </div>
582    </div>
583
584    <!-- 邮箱验证提醒弹窗 -->
585    <div class="dialog hidden" id="verifyEmailDialog">
586        <div class="verifyEmailBox" id="verifyEmailBox">
587            <img src="https://cdn.lamucal.com/public/static/img/x.webp" class="closeDialog" id="closeVerifyEmail">
588            <div class="verifyEmailTitle">Verify Your Email</div>
589            <div class="verifyEmailDesc">
589A verification link was sent to your email when you registered. Please check your inbox to verify.</div>
590            <div class="verifyEmailBtns">
591                <div class="btn primary" id="resendVerifyEmail">Resend Verification Email</div>
592                <div class="btn secondary" id="laterVerifyEmail">Later</div>
593            </div>
594        </div>
595    </div>
596
597    <!-- toast -->
598    <div class="vant_toast" id="VantToast"></div>
599
600    <!-- text-toast -->
601    <div class="dialog hidden" id="VantTextToast">
602        <div class="VantTextToast" id="VantTextToastId">
603            <img src="https://cdn.lamucal.com/public/static/img/x.webp" class="closeDialog" id="closeVantTextToast">
604            <div class="tit" id="VantTextToastTit"></div>
605            <div class="diaTitInfo_box">
606                <div class="diaTitInfo" id="VantTextToastCon"></div>
607            </div>
608        </div>
609    </div>
610
611    </div>
612
613    
614    <div class="dialog hidden" id="goPremiumDialog">
615        <div class="resetBoxP goPremium" id="goPremiumId">
616            <img src="https://cdn.lamucal.com/public/static/img/x.webp" class="closeDialog" id="closeGoPremium">
617            <div class="title_text">Go Premium to Access All Features</div>
618            <div class="title_text2">WITH PREMIUM ACCESS YOU GET:</div>
619            <div class="goPremiumConText" id="goPremiumConText">
620                
621
622                <div class="text4">
623                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
624                    <div>Unlimited songs</div>
625                </div>
626                
627
628                <div class="text4">
629                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
630                    <div>Download or print PDF chord sheets</div>
631                </div>
632                
633
634                <div class="text4">
635                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
636                    <div>Pitch Shift</div>
637                </div>
638                
639
640                <div class="text4">
641                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
642                    <div>Simplify chords</div>
643                </div>
644                
645
646                <div class="text4">
647                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
648                    <div>Digital capo</div>
649                </div>
650                
651
652                <div class="text4">
653                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
654                    <div>Speed adjustment</div>
655                </div>
656                
657
658                <div class="text4">
659                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
660                    <div>Multi-track instrument separation</div>
661                </div>
662                
663
664                <div class="text4">
665                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
666                    <div>Countdown control</div>
667                </div>
668                
669
670                <div class="text4">
671                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
672                    <div>Interactive Learning Trainers &amp; Practice</div>
673                </div>
674                
675
676                <div class="text4">
677                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
678                    <div>Upload your own music files</div>
679                </div>
680                
681
682                <div class="text4">
683                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
684                    <div>Download chord MIDI files</div>
685                </div>
686                
687
688                <div class="text4">
689                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
690                    <div>Left-hand chord mode</div>
691                </div>
692                
693
694                <div class="text4">
695                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
696                    <div>Bonus: Vocal Remover - 200 Minutes/mo</div>
697                </div>
698                
699
700                <div class="text4">
701                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
702                    <div>No commercial ads</div>
703                </div>
704                
705
706                <div class="text4">
707                    <img src="https://cdn.lamucal.com/public/static/img/buy/duig.webp" class="icon2">
708                    <div>Support: Mobile, Tablet, PC</div>
709                </div>
710                
711            </div>
712            <div class="btnBox">
713                <div class="item btn" id="goPremium">Go Premium</div>
714            </div>
715        </div>
716    </div>
717    
718
719    
720    <div class="downAppBox mediaShowFlex" id="downAppBox">
721        <div class="close" id="downAppBoxClose">x</div>
722        <div class="text">Open in our App for the best experience</div>
723        <div class="btn" id="goDownAppBox">open</div>
724    </div>
725    
726
727    
728    
729    <div class="Feedback" id="FeedbackOutBox">
730        <button class="btn" id="Feedback">
731            <div>
732                <svg class="message">
733                    <use href="/static/img/svg/sprite.svg#msg"></use>
734                </svg>
735            </div>
736            <div class="FeedbackText mediaClear">Feedback</div>
737        </button>
738        <div class="FeedbackCon hidden" id="FeedbackCon">
739            <img src="https://cdn.lamucal.com/public/static/img/x.webp" alt="x" class="FeedbackClose"
740                id="FeedbackClose">
741            <form>
742                <div class="title">Feedback</div>
743                <div class="tabs">
744                    <div class="tit">Title</div>
745                    <input type="text" autocomplete="new-password" class="input" id="FeedbackTitle">
746                </div>
747                <div class="tabs">
748                    <div class="tit">Email</div>
749                    <input type="email" autocomplete="new-password" class="input" id="FeedbackEmail">
750                </div>
751                <div class="tabs">
752                    <div class="tit">what&#39;s there to tell us?</div>
753                    <textarea type="text" class="textarea" rows="6" id="FeedbackTextarea"></textarea>
754                </div>
755                <div class="tabs">
756                    <div class="tit">Attachment</div>
757                    <div class="uploadIcon" id="addFeedbackFile">
758                        <img src="https://cdn.lamucal.com/public/static/img/feedback-file.webp" class="img">
759                        <div>Add up to 5 files</div>
760                    </div>
761                    <div class="uploadFileList" id="uploadFileList">
762                        <div class="hidden" id="FeedbackFileText">Selected Files:</div>
763                        <ul id="uploadFileListUl">
764                            <li></li>
765                        </ul>
766                    </div>
767                </div>
768            </form>
769            <a class="discordHelpLink" href="https://discord.gg/dZb6P7fdTy" target="_blank" rel="nofollow noopener"
770                style="display: flex; align-items: center; gap: 10px; width: 100%; color: #fff; border: 1px solid rgba(88, 101, 242, 0.75); border-radius: 8px; background: linear-gradient(135deg, rgba(88, 101, 242, 0.24), rgba(88, 101, 242, 0.1)); padding: 11px 12px; margin: 2px 0 16px; box-sizing: border-box;">
771                <span class="discordIcon" aria-hidden="true"
772                    style="width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 50%; background-color: #5865f2; color: #fff;">
773                    <svg viewBox="0 0 71 55" width="21" height="16" focusable="false"
774                        style="width: 21px; height: 16px; display: block;">
775                        <path
776                            d="M60.1 4.9A58.6 58.6 0 0 0 45.7.5c-.6 1.1-1.3 2.6-1.8 3.8a54.5 54.5 0 0 0-16.3 0c-.5-1.2-1.2-2.7-1.8-3.8A58.9 58.9 0 0 0 11.3 4.9C2.2 18.5-.3 31.8.9 45c6.1 4.5 12 7.2 17.8 9 .9-1.2 1.7-2.5 2.4-3.9-1.3-.5-2.5-1.1-3.7-1.8l.9-.7c11.5 5.3 24 5.3 35.4 0l.9.7c-1.2.7-2.5 1.3-3.7 1.8.7 1.4 1.5 2.7 2.4 3.9 5.8-1.8 11.7-4.5 17.8-9 1.5-15.3-2.5-28.5-11-40.1Z"
777                            fill="currentColor" />
778                        <path
779                            d="M24.4 36.9c-3.5 0-6.3-3.2-6.3-7.1s2.8-7.1 6.3-7.1c3.5 0 6.4 3.2 6.3 7.1 0 3.9-2.8 7.1-6.3 7.1Zm22.5 0c-3.5 0-6.3-3.2-6.3-7.1s2.8-7.1 6.3-7.1c3.5 0 6.4 3.2 6.3 7.1 0 3.9-2.8 7.1-6.3 7.1Z"
780                            fill="#5865f2" />
781                    </svg>
782                </span>
783                <span class="discordHelpText" style="display: flex; flex-direction: column; min-width: 0; flex: 1;">
784                    <span class="discordHelpTitle" style="font-size: 14px; font-weight: 700; line-height: 18px;">Join our Discord community</span>
785                    <span class="discordHelpDesc" style="color: rgb(207, 211, 255); font-size: 12px; line-height: 16px; margin-top: 2px;">Ask questions and get help from Lamucal users.</span>
786                </span>
787                <span class="discordArrow" aria-hidden="true"
788                    style="color: rgb(207, 211, 255); font-size: 22px; line-height: 1; flex: 0 0 auto;">&rsaquo;</span>
789            </a>
790            <div class="feedbackSendBox">
791                <div class="feedbackSend" id="feedbackSend">Send</div>
792            </div>
793        </div>
794        <div class="outBg hidden" id="FeedbackoutBg"></div>
795    </div>
796    
797
798    
799    <footer class="footer" id="footer">
800        
801        <section class="authorSearch">
802            <div class="left">
803                <div class="title">All artists:</div>
804                
805                <a class="item" href="/browse/0-91">#</a>
806                
807                <a class="item" href="/browse/a1">A</a>
808                
809                <a class="item" href="/browse/b1">B</a>
810                
811                <a class="item" href="/browse/c1">C</a>
812                
813                <a class="item" href="/browse/d1">D</a>
814                
815                <a class="item" href="/browse/e1">E</a>
816                
817                <a class="item" href="/browse/f1">F</a>
818                
819                <a class="item" href="/browse/g1">G</a>
820                
821                <a class="item" href="/browse/h1">H</a>
822                
823                <a class="item" href="/browse/i1">I</a>
824                
825                <a class="item" href="/browse/j1">J</a>
826                
827                <a class="item" href="/browse/k1">K</a>
828                
829                <a class="item" href="/browse/l1">L</a>
830                
831                <a class="item" href="/browse/m1">M</a>
832                
833                <a class="item" href="/browse/n1">N</a>
834                
835                <a class="item" href="/browse/o1">O</a>
836                
837                <a class="item" href="/browse/p1">P</a>
838                
839                <a class="item" href="/browse/q1">Q</a>
840                
841                <a class="item" href="/browse/r1">R</a>
842                
843                <a class="item" href="/browse/s1">S</a>
844                
845                <a class="item" href="/browse/t1">T</a>
846                
847                <a class="item" href="/browse/u1">U</a>
848                
849                <a class="item" href="/browse/v1">V</a>
850                
851                <a class="item" href="/browse/w1">W</a>
852                
853                <a class="item" href="/browse/x1">X</a>
854                
855                <a class="item" href="/browse/y1">Y</a>
856                
857                <a class="item" href="/browse/z1">Z</a>
858                
859            </div>
860        </section>
861        
862        <div class="icon_box mediaShow">
863            <img src="https://cdn.lamucal.com/public/static/img/logo1.webp" alt="lamucal logo" class="logo">
864            <div class="icon_box_app">
865                <a href="https://link.lamucal.com/NPsR/getAppiOS" target="_blank" title="apple download">
866                    <img data-src="https://cdn.lamucal.com/public/static/img/icon10.svg" alt="apple download"
867                        class="lazyload"></a>
868                <a href="https://link.lamucal.com/NPsR/getAppAndroid" target="_blank" title="google download">
869                    <img data-src="https://cdn.lamucal.com/public/static/img/icon11.svg" alt="google download"
870                        class="lazyload"></a>
871            </div>
872        </div>
873        <section class="content">
874            <div class="one mediaClear">
875                <img src="https://cdn.lamucal.com/public/static/img/logo1.webp" alt="lamucal logo" class="imgOne">
876                <img src="https://cdn.lamucal.com/public/static/img/icon8.webp" alt="payments" class="imgTwo">
877            </div>
878            <div class="two">
879                <div class="tit">Site Links</div>
880                <div class="con_text"><a href="/about">About Us</a>
881                </div>
882                <div class="con_text"><a href="/features">Features</a>
883                </div>
884                <div class="con_text"><a href="/tos">Terms of Service</a></div>
885                <div class="con_text"><a href="/privacy">Privacy Policy</a></div>
886                <div class="con_text"><a href="/cus">Contact us </a>
887                </div>
888                <div class="con_text"><a href="/refund">Return Policy
889                    </a>
890                </div>
891
892            </div>
893            <div class="two three">
894                <div class="tit">Social</div>
895                <div class="con_text"><a href="https://discord.gg/dZb6P7fdTy" rel="nofollow noopener"
896                        target="_blank">Discord</a></div>
897                <div class="con_text">
897<a href="https://www.facebook.com/profile.php?id=61557640610557" rel="nofollow"
898                        target="_blank">Facebook</a></div>
899                <div class="con_text"><a href="https://www.tiktok.com/@lamucal?_t=8kijJSmBDxk&_r=1" rel="nofollow"
900                        target="_blank">TikTok</a></div>
901                <div class="con_text"><a href="https://www.youtube.com/channel/UCnYh1fLNQQHoWQ_hnROYPxQ" rel="nofollow"
902                        target="_blank">Youtube</a></div>
903            </div>
904            <div class="two four mediaClear">
905                <div class="tit">Download</div>
906                <div class="dis_flex align_center">
907                    <img src="https://cdn.lamucal.com/public/static/img/icon9_s.webp" alt="download qrcode"
908                        class="QRcode">
909                    <div class="app">
910                        <a href="https://link.lamucal.com/NPsR/getAppiOS" target="_blank" rel="nofollow"><img
911                                src="https://cdn.lamucal.com/public/static/img/icon10.svg" alt="download ios app"></a>
912                        <a href="https://link.lamucal.com/NPsR/getAppAndroid" target="_blank" rel="nofollow"><img
913                                src="https://cdn.lamucal.com/public/static/img/icon11.svg"
914                                alt="download android app"></a>
915                    </div>
916                </div>
917            </div>
918        </section>
919        <div class="lang-dark mediaShowFlex">
920            <div class="select">
921                <div class="languages" id="smallLangClick">EN</div>
922                <div class="arrow">v</div>
923                <div class="lang_list hidden" id="smallLang">
924                    <ul class="lang_listbox">
925                        <li class="item li_click"
926                            data-value="en">English</li>
927                        <li class="item " data-value="es">Español
928                        </li>
929                        <li class="item " data-value="pt">
930                            Português
931                        </li>
932                        <li class="item " data-value="hi">हिन्दी
933                        </li>
934                        <li class="item " data-value="id">Bahasa
935                            Indonesia
936                        </li>
937                        <li class="item " data-value="ja">にほんご
938                        </li>
939                        <li class="item " data-value="ko">한국어</li>
940                        <li class="item " data-value="th">ภาษาไทย
941                        </li>
942                        <li class="item " data-value="de">Deutsch
943                        </li>
944                        <li class="item " data-value="fr">Français
945                        </li>
946                        <li class="item " data-value="ru">русский
947                        </li>
948                        <li class="item " data-value="zh">简体中文
949                        </li>
950                        <li class="item " data-value="tw">繁體中文
951                        </li>
952                    </ul>
953                </div>
954                <div class="out_bg hidden" id="outLangBg"></div>
955            </div>
956            
957                
958                
959                
960        </div>
961        <img src="https://cdn.lamucal.com/public/static/img/icon8.webp" alt="payments" class="app_icon mediaShow" />
962    </footer>
963    
964    
964<script src="/static/js/lazysizes.min.js" async></script>
964
965</body>
966<script>
967    // 全局 API 配置
968    window.API_HOST = 'https://api.staycd.com';
969    window.API_BASE_URL = 'https://api.staycd.com/v1';
970
971    const getScrollbarWidth = () => {
972        const container = document.createElement('div');
973        document.body.appendChild(container);
974        container.style.overflow = 'scroll';
975        const inner = document.createElement('div');
976        container.appendChild(inner);
977        const width = container.offsetWidth - inner.offsetWidth;
978        document.body.removeChild(container);
979        return width;
980    };
981    let scrollbarWidth = getScrollbarWidth();
982    document.documentElement.style.setProperty('--scrollbar', `${scrollbarWidth}px`);
983    window.addEventListener('resize', function (event) {
984        scrollbarWidth = getScrollbarWidth();
985        document.documentElement.style.setProperty('--scrollbar', `${scrollbarWidth}px`);
986    });
987
988    var lang = 'en';
989    var langArray2 = ["es", "pt"]
990    var i18n = window.i18n || {};
991    i18n['ChordsFileSize'] = "The audio file size should be less than 100MB.";
992    i18n['UploadLimit'] = "Please upload .mp3 .wav .ogg .m4a format";
993    i18n['ChordsMaxTime'] = "The audio duration cannot be less than 900 seconds.";
994    i18n['AudioFailed'] = "Audio loading failed!";
995    i18n['GenerationFailed'] = "Generation failed";
996    i18n['resend_success'] = "Verification email sent successfully!";
997</script>
997
998
999
1000<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 1000-1001
1000
1001<script async src="https://www.googletagmanager.com/gtag/js?id=
1001G-R55DS9TLQ5
vendor: 12 bytes, line 1001
1001"></script>
1002<script>
1003    
vendor: 142 bytes, lines 1003-1006
1003window.dataLayer = window.dataLayer || [];
1004    function gtag() { dataLayer.push(arguments); }
1005    gtag('js', new Date());
1006    gtag('config', '
1006G-R55DS9TLQ5
vendor: 4 bytes, line 1006
1006');
1007</script>
vendor: 1 bytes, line 1007
1007
1008<script type="text/javascript">
1009    (function (c, l, a, r, i, t, y) {
1010        c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
1011        t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
1012        y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
1013    })(window, document, "clarity", "script", "n4zh6iyy82");
1014</script>
vendor: 1 bytes, line 1014
1014
1015<script>
1016    document.addEventListener('DOMContentLoaded', function () {
1017        disableLog();
1018    });
1019</script>
1019
1020
1021
1022
1023</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.