Pachelbel, Johann - Canon in D Sheet music for Violin (2024)

'); var a = window.open('', '', 'width=700,height=960'); a.document.open("text/html"); a.document.write(html.join("")); a.document.close(); } }var tempo = 99.0,changedpage=0,lb,rb,sco,sco2,pb,pi,bg1,bg2,ic1,ic0,ic2,ic3,ic4,aic0,aic1,aic2,aic3,aic4,l1,l2,pdfadd,ss,styp,sic,pauseon=0,meton=0,speedval=1.0,currpage=1,currpagearryno=1,introbars=1; //no intro 5=4var introdelay=2000,iipage=1,no_pages=5;ss='/school/svg/';var images = new Array();var blankImage = new Image();blankImage.src ="/school/svg/blank3.svg"; var imageCache = {"": blankImage};window.onload = function(){ document.onkeyup = function(event){ var e = (!event) ? window.event : event; var kcode=e.keyCode evenwhen(kcode); };};window.onkeydown = function(event) { var e = (!event) ? window.event : event;var kcode=e.keyCode if (kcode==32){ var elem if (e.srcElement) elem = e.srcElement; else if (e.target) elem = e.target; if (elem.tagName.toLowerCase()=='input' || elem.tagName.toLowerCase()=='textarea') {} else{ if(lb==null){ initiatestuff();playmain(kcode); } else{ callpause2(); } return false; } }};var meton=0,everyplayed2=0,everyplayed=0,carryon=true,play_status=0,totdone,toty,score='violin/pachelbel_canon_vn';function callpause2(){ var num_listened=readCookie('num_listened') if (num_listened=='undefined'||num_listened=='NaN'){num_listened=0;} if (num_listened>3){ overlay();return ; } else{ callpause();} }styp="main";var page_printed=0;var cp4p; const newPButton = document.querySelector(".icon_printer"); newPButton.addEventListener("click", async () => { if (!showTwoPages){var src=document.getElementById('score').src; printdiv(src,0);return;} if (page_printed==0){ cp4p=currpage; if (currpage<10){ cp4p='00'+cp4p; } else if(currpage<100){cp4p='0'+cp4p;} //var printstring=ss+score+cp4p+'.png'; alert('This will print the left hand page. Press print again to print the right hand page. \n\nTo print entire pieces in one go, and for higher quality printing from our PDF files, please subscribe.'); var src=document.getElementById('score').src; src = src.replace(/(\d{2})\.svg$/, '0$1.svg'); src = src.replace(/svg/g, 'png'); page_printed=1; printdiv(src,0); } else {page_printed=0; //var printstring=ss+score+cp4p+'.png'; alert('This will now print the right hand page. Press print again to print the left hand page, or for longer pieces, navigate to next pages and press print again.'); var src=document.getElementById('score2').src; src = src.replace(/(\d{2})\.svg$/, '0$1.svg'); src = src.replace(/svg/g, 'png'); printdiv(src,0) }});function convertToPdfUrl(url) { if (url.includes('/png/')) { url = url.replace('/png/', '/pdf/'); let lastPngIndex = url.lastIndexOf('.png'); if (lastPngIndex !== -1) { url = url.substring(0, lastPngIndex - 3) + url.substring(lastPngIndex); } url = url.replace('.png', '.pdf'); } else if (url.includes('/svg/')) { url = url.replace('/svg/', '/pdf/'); let lastSvgIndex = url.lastIndexOf('.svg'); if (lastSvgIndex !== -1) { url = url.substring(0, lastSvgIndex - 2) + url.substring(lastSvgIndex); } url = url.replace('.svg', '.pdf'); } return url;}function openPDF(){}function doprint() { var isSafari = window.safari !== undefined; if(lb==null){initiatestuff()} alert('N.B. This will print only the current page.\n\nIf this piece has more than one page, you will need to print each page individually. Navigate to other pages using the << and >> buttons.\n\nTo print entire pieces in one go, and for higher quality printing from our PDF files, please subscribe.') var ssrc=sco.src; var src=document.getElementById('score').src; printdiv(src,0)} class ConfirmDialog { constructor({ questionText, trueButtonText, falseButtonText, parent }) { this.questionText = questionText || "Are you sure?"; this.trueButtonText = trueButtonText || "Yes"; this.falseButtonText = falseButtonText || "No"; this.parent = parent || document.body; this.dialog = undefined; this.trueButton = undefined; this.falseButton = undefined; this._createDialog(); this._appendDialog(); } confirm() { return new Promise((resolve, reject) => { const somethingWentWrongUponCreation = !this.dialog || !this.trueButton || !this.falseButton; if (somethingWentWrongUponCreation) { reject('Someting went wrong when creating the modal'); return; } this.dialog.showModal(); this.trueButton.focus(); this.trueButton.addEventListener("click", () => { resolve(true); this._destroy(); }); this.falseButton.addEventListener("click", () => { resolve(false); this._destroy(); }); }); } _createDialog() { this.dialog = document.createElement("dialog"); this.dialog.classList.add("confirm-dialog"); const question = document.createElement("div"); question.textContent = this.questionText; question.classList.add("confirm-dialog-question"); this.dialog.appendChild(question); const buttonGroup = document.createElement("div"); buttonGroup.classList.add("confirm-dialog-button-group"); this.dialog.appendChild(buttonGroup); this.falseButton = document.createElement("button"); this.falseButton.classList.add( "confirm-dialog-button", "confirm-dialog-button--false" ); this.falseButton.type = "button"; this.falseButton.textContent = this.falseButtonText; buttonGroup.appendChild(this.falseButton); this.trueButton = document.createElement("button"); this.trueButton.classList.add( "confirm-dialog-button", "confirm-dialog-button--true" ); this.trueButton.type = "button"; this.trueButton.textContent = this.trueButtonText; buttonGroup.appendChild(this.trueButton); } _appendDialog() { this.parent.appendChild(this.dialog); } _destroy() { this.parent.removeChild(this.dialog); delete this; }} function getCachedImageFromMap (path, map) { let image = map[path]; if (image) return image; image = new Image(); image.src = path; map[path] = image; return image;} var scfile=ss+score+'01.svg'; var scfile2=ss+score+'02.svg'; function playalongacc(pltype) { if(ison0) { hideLoopGuide(); } if(lb==null){initiatestuff()} switch (pltype){ case 1: if (ison1==0&&document.getElementById('pausebefore').checked==true){ pauseamount=5;updatecountin(); pppa=pauseamount+1; } else{ pauseamount=0;pppa=0;stopplayalongreturntostandardview() } break; case 2: if (ison2==0&&document.getElementById('pausebefore').checked==true){ pauseamount=5;updatecountin(); pppa=pauseamount+1; } else{ pauseamount=0;pppa=0;stopplayalongreturntostandardview() } break; case 3: if (ison3==0&&document.getElementById('pausebefore').checked==true){ pauseamount=5;updatecountin(); pppa=pauseamount+1; } else{ pauseamount=0;pppa=0;stopplayalongreturntostandardview() } break; case 4: if (ison4==0&&document.getElementById('pausebefore').checked==true){ pauseamount=5;updatecountin(); pppa=pauseamount+1; } else{ pauseamount=0;pppa=0;stopplayalongreturntostandardview() } break; } stimer = window.setTimeout( "playalongacc2("+pltype+")", (pppa*1000)); checkIfShouldShowTwoPages(); }var baseUrl = '';function playalongacc2(pltype, keepPlayState, wasOn){ let wasStoped = pauseon || !wasOn; if(typeof bpp !== 'undefined' && typeof ppt !== 'undefined') { temp_IS_HIGHLIGHT_ON=IS_HIGHLIGHT_ON; } else{ temp_IS_HIGHLIGHT_ON=false;l1.style.visibility='hidden'; } var bon=0; stopplayalongreturntostandardview() if (ison1||ison2||ison3||ison4) { playalongstop() btn_transpose.style.visibility='visible'; } else { if (!keepPlayState || !wasStoped) { startTimeframe(DESIRED_FPS); } l1.style.visibility='visible'; btn_transpose.style.visibility='hidden'; } var num_listened=readCookie('num_listened') if(num_listened=='undefined'||num_listened=='NaN'){num_listened=0;} if(everyplayed==0){num_listened=p(num_listened)+1;eraseCookie('num_listened');createCookie('num_listened',num_listened,1);everyplayed=1;} if(num_listened>3){overlay();return } var aisp=document.getElementById('aispacer'); switch (pltype){ case 1: if (ison1==0){ bon=1;ison1=1;ison2=0;ison3=0;ison4=0;ison0=0;ic1.src=sic;aud=document.getElementById('demo1'); pico.style.display='inline-block!important';ic2.style.display='none';aic0.style.display='none';aic2.style.display='none'; aisp.style.display='inline-flex';aisp.style.visibiliy='visible'; if(ic3){aic3.style.display='none';ic3.style.display='none';} if(ic4){aic4.style.display='none';ic4.style.display='none';} } break; case 2: if(ison2==0){bon=1;ison1=0;ison2=1;ison4=0;ison3=0;ison0=0;ic2.src=sic;aud=document.getElementById('demo2'); pico.style.display='inline-block!important';ic1.style.display='none';aic0.style.display='none';aic1.style.display='none';aisp.style.display='inline-flex';aisp.style.visibiliy='visible'; if(ic3){aic3.style.display='none';ic3.style.display='none';} if(ic4){aic4.style.display='none';ic4.style.display='none';} } break; case 3: if(ison3==0){bon=1;ison1=0;ison2=0;ison4=0;ison3=1;ison0=0;ic3.src=sic;aud=document.getElementById('demo3'); pico.style.display='inline-block!important';ic1.style.display='none';aic0.style.display='none';aic1.style.display='none';aisp.style.display='inline-flex';aisp.style.visibiliy='visible' aic2.style.display='none';ic2.style.display='none'; if(ic4){aic4.style.display='none';ic4.style.display='none';} } break; case 4: if(ison4==0){bon=1;ison1=0;ison2=0;ison3=0;ison4=1;ison0=0;ic4.src=sic;aud=document.getElementById('demo4'); pico.style.display='inline-block!important';ic1.style.display='none';aic0.style.display='none';aic1.style.display='none';aisp.style.display='inline-flex';aisp.style.visibiliy='visible' aic2.style.display='none';ic2.style.display='none'; if(ic3){aic3.style.display='none';ic3.style.display='none';} } break;} aud.addEventListener('timeframe',checktimeupdateparts); aud.addEventListener('timeframe',function(){ if (aud.currentTime< 94) { if(currpage!=1&&changedpage==0){ currpage=1 lb.classList.remove("pagenav_disabled");rb.classList.remove("pagenav_disabled"); } if (currpage==max_playalong_page||showTwoPages&&(currpage+1 == max_playalong_page)){rb.classList.add("pagenav_disabled");} lb.classList.add("pagenav_disabled"); } },false); if (bon==1) { pb.style.display='flex';pico.style.display='inline-block';document.getElementById('metandtemp').style.visibility='visible'; aud.addEventListener('timeframe', updateProgress, false); aud.addEventListener('ended', audioend); updateplaybackrate(document.getElementById('speed').value) speedval=document.getElementById('speed').value aud.play();aud.currentTime = 0; baseUrl=ss+'violin/pachelbel_canon_vn_vn'; switchScore("score", `${baseUrl}01.svg`); partopen=1; if(baseUrl==''){baseUrl=ss+score;} checkIfShouldShowTwoPages(); } else { pb.style.display='none';document.getElementById('metandtemp').style.visibiliy='hidden';pico.style.display='none'; ison1=0;ison2=0;ison3=0;ison4=0; } if(keepPlayState) { if (wasStoped) { pauseon=0; callpause(); setTimeout(() => { checkbartimeupdate(); updateProgress(); }, 100) } } } var no_part_pages=2;function stopplayalongreturntostandardview() {if(lb==null){initiatestuff()}l1.style.visibility = 'hidden';ic1.style.display='block';ic2.style.display='block';if(ic3){ic3.style.display='block';}if(ic4){ic4.style.display='block';}ic0.style.display='block';aic1.style.display='inline-block';aic2.style.display='inline-block';if(aic3){aic3.style.display='inline-block';}if(aic4){aic4.style.display='inline-block';}aic0.style.display='inline-block';aisp=document.getElementById('aispacer');aisp.style.display='none';aisp.style.visibility='hidden';pico.src='/imc/pause.png';document.getElementById('icon0').src = '/imc/play.png';document.getElementById('progress').style.width = "0%";ic1.src = '/imc/playalong.png';ic2.src = '/imc/band.png';if(ic3){ic3.src = '/imc/.png';}currpage=1;document.getElementById('demo0').pause();document.getElementById('demo1').pause();document.getElementById('demo2').pause();document.getElementById('demo3').pause(); if(curtransp!=0){ switchScore('score', thissc+'_'+curtranspdir+curtransp+'001.gif'); switchScore('score2', thissc+'_'+curtranspdir+curtransp+'002.gif'); } else{ sco.style = {}; sco2.style ={}; }if (!ext_traditional){ lb.classList.add("pagenav_disabled"); if (no_pages>2||!showTwoPages&&no_pages>1){rb.classList.remove("pagenav_disabled");}}} function playalongstop() { resizeStage(); stop=true; l1.style.visibility = 'hidden'; sco.style.top='0'; document.getElementById('mainscore').style.height='100%'; document.getElementById('icon0').src = '/imc/play.png';ic1.src = '/imc/playalong.png';ic2.src = '/imc/band.png';if(ic3){ic3.src = '/imc/.png';} document.getElementById('demo0').pause(); document.getElementById('demo1').pause();document.getElementById('demo2').pause();if(ic3){document.getElementById('demo3').pause();}} function createCookie(name,value,days) {if (days) { var expires="",date=new Date(),midnight=new Date(date.getFullYear(),date.getMonth(),date.getDate(),23,59,59); expires = "; expires=" + midnight.toGMTString(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); }else var expires = "";document.cookie = name+"="+value+expires+"; path=/";var gtxt=''if(3-value>1){gtxt=(3-value)+' free plays';}else if (3-value==1){gtxt=(3-value)+' free play';}else if (3-value<1){gtxt='0 free plays';}else{gtxt='3 free plays';} var pleft=document.getElementById('playleft'); pleft.innerHTML=gtxt+' left today. Subscribe for unlimited plays.'; pleft.style.dispaly='block';pleft.style.visibility='visible';}var pt = []; pt[1] = { e:34, p:1 }; pt[2] = { e:58, p:2 }; pt[3] = { e:82, p:3 }; pt[4] = { e:110, p:4 }; pt[5] = { e:137, p:5 }; var ppt = []; ppt[1] = { e:94, p:1 };ppt[2] = { e:137, p:2 }; var bt = []; bt[1]={e:24,b:1};bt[2]={e:48,b:2};bt[3]={e:72,b:3};bt[4]={e:96,b:4};bt[5]={e:120,b:5};bt[6]={e:144,b:6};bt[7]={e:168,b:7};bt[8]={e:192,b:8};bt[9]={e:216,b:9};bt[10]={e:240,b:10};bt[11]={e:264,b:11};bt[12]={e:288,b:12};bt[13]={e:312,b:13};bt[14]={e:336,b:14};bt[15]={e:360,b:15};bt[16]={e:384,b:16};bt[17]={e:408,b:17};bt[18]={e:432,b:18};bt[19]={e:456,b:19};bt[20]={e:480,b:20};bt[21]={e:504,b:21};bt[22]={e:528,b:22};bt[23]={e:552,b:23};bt[24]={e:576,b:24};bt[25]={e:600,b:25};bt[26]={e:624,b:26};bt[27]={e:648,b:27};bt[28]={e:672,b:28};bt[29]={e:696,b:29};bt[30]={e:720,b:30};bt[31]={e:744,b:31};bt[32]={e:768,b:32};bt[33]={e:792,b:33};bt[34]={e:816,b:34};bt[35]={e:840,b:35};bt[36]={e:864,b:36};bt[37]={e:888,b:37};bt[38]={e:912,b:38};bt[39]={e:936,b:39};bt[40]={e:960,b:40};bt[41]={e:984,b:41};bt[42]={e:1008,b:42};bt[43]={e:1032,b:43};bt[44]={e:1056,b:44};bt[45]={e:1080,b:45};bt[46]={e:1104,b:46};bt[47]={e:1128,b:47};bt[48]={e:1152,b:48};bt[49]={e:1176,b:49};bt[50]={e:1200,b:50};bt[51]={e:1224,b:51};bt[52]={e:1248,b:52};bt[53]={e:1272,b:53};bt[54]={e:1296,b:54};bt[55]={e:1320,b:55};bt[56]={e:1344,b:56};bt[57]={e:1368,b:57}; var bp = []; bp[1]={t:113,l:91,w:197,h:130 };bp[2]={t:113,l:288,w:147,h:130 };bp[3]={t:113,l:435,w:166,h:130 };bp[4]={t:294,l:58,w:173,h:128 };bp[5]={t:294,l:231,w:124,h:128 };bp[6]={t:294,l:354,w:124,h:128 };bp[7]={t:294,l:478,w:124,h:128 };bp[8]={t:473,l:58,w:162,h:141 };bp[9]={t:473,l:219,w:127,h:141 };bp[10]={t:473,l:347,w:127,h:141 };bp[11]={t:473,l:473,w:128,h:141 };bp[12]={t:664,l:58,w:203,h:141 };bp[13]={t:664,l:261,w:171,h:141 };bp[14]={t:664,l:432,w:170,h:141 };bp[15]={t:97,l:58,w:209,h:140 };bp[16]={t:97,l:267,w:167,h:140 };bp[17]={t:97,l:434,w:167,h:140 };bp[18]={t:305,l:58,w:205,h:127 };bp[19]={t:305,l:263,w:171,h:127 };bp[20]={t:305,l:434,w:168,h:127 };bp[21]={t:491,l:58,w:291,h:127 };bp[22]={t:491,l:349,w:253,h:127 };bp[23]={t:678,l:58,w:292,h:127 };bp[24]={t:678,l:350,w:252,h:127 };bp[25]={t:89,l:58,w:291,h:129 };bp[26]={t:89,l:349,w:253,h:129 };bp[27]={t:285,l:58,w:292,h:129 };bp[28]={t:285,l:350,w:252,h:129 };bp[29]={t:480,l:58,w:207,h:129 };bp[30]={t:480,l:265,w:169,h:129 };bp[31]={t:480,l:434,w:168,h:129 };bp[32]={t:676,l:58,w:221,h:129 };bp[33]={t:676,l:279,w:160,h:129 };bp[34]={t:676,l:440,w:162,h:129 };bp[35]={t:89,l:58,w:202,h:129 };bp[36]={t:89,l:260,w:170,h:129 };bp[37]={t:89,l:430,w:172,h:129 };bp[38]={t:285,l:58,w:211,h:129 };bp[39]={t:285,l:269,w:166,h:129 };bp[40]={t:285,l:435,w:167,h:129 };bp[41]={t:480,l:58,w:208,h:129 };bp[42]={t:480,l:266,w:172,h:129 };bp[43]={t:480,l:438,w:164,h:129 };bp[44]={t:676,l:58,w:208,h:129 };bp[45]={t:676,l:266,w:169,h:129 };bp[46]={t:676,l:435,w:167,h:129 };bp[47]={t:89,l:58,w:206,h:141 };bp[48]={t:89,l:264,w:165,h:141 };bp[49]={t:89,l:429,w:173,h:141 };bp[50]={t:374,l:58,w:169,h:157 };bp[51]={t:374,l:227,w:135,h:157 };bp[52]={t:374,l:362,w:125,h:157 };bp[53]={t:374,l:487,w:114,h:157 };bp[54]={t:653,l:58,w:173,h:151 };bp[55]={t:653,l:231,w:157,h:151 };bp[56]={t:653,l:388,w:137,h:151 };bp[57]={t:653,l:524,w:73,h:151 }; var bpp = []; bpp[1]={t:121,l:65,w:167,h:21 };bpp[2]={t:121,l:232,w:118,h:21 };bpp[3]={t:121,l:350,w:121,h:21 };bpp[4]={t:121,l:471,w:124,h:21 };bpp[5]={t:203,l:65,w:105,h:21 };bpp[6]={t:203,l:171,w:71,h:21 };bpp[7]={t:203,l:241,w:71,h:21 };bpp[8]={t:203,l:312,w:71,h:21 };bpp[9]={t:203,l:383,w:71,h:21 };bpp[10]={t:203,l:454,w:71,h:21 };bpp[11]={t:203,l:524,w:71,h:21 };bpp[12]={t:285,l:65,w:109,h:21 };bpp[13]={t:285,l:175,w:105,h:21 };bpp[14]={t:285,l:280,w:88,h:21 };bpp[15]={t:285,l:368,w:122,h:21 };bpp[16]={t:285,l:490,w:105,h:21 };bpp[17]={t:367,l:65,w:158,h:21 };bpp[18]={t:367,l:223,w:104,h:21 };bpp[19]={t:367,l:327,w:144,h:21 };bpp[20]={t:367,l:472,w:123,h:21 };bpp[21]={t:449,l:65,w:200,h:22 };bpp[22]={t:449,l:265,w:165,h:22 };bpp[23]={t:449,l:430,w:165,h:22 };bpp[24]={t:531,l:65,w:200,h:21 };bpp[25]={t:531,l:265,w:165,h:21 };bpp[26]={t:531,l:430,w:165,h:21 };bpp[27]={t:613,l:65,w:210,h:22 };bpp[28]={t:613,l:276,w:176,h:22 };bpp[29]={t:613,l:451,w:144,h:22 };bpp[30]={t:695,l:65,w:166,h:21 };bpp[31]={t:695,l:231,w:131,h:21 };bpp[32]={t:695,l:362,w:131,h:21 };bpp[33]={t:695,l:494,w:101,h:21 };bpp[34]={t:777,l:65,w:140,h:22 };bpp[35]={t:777,l:205,w:74,h:22 };bpp[36]={t:777,l:279,w:98,h:22 };bpp[37]={t:777,l:377,w:112,h:22 };bpp[38]={t:777,l:490,w:105,h:22 };bpp[39]={t:60,l:65,w:128,h:22 };bpp[40]={t:60,l:193,w:103,h:22 };bpp[41]={t:60,l:296,w:106,h:22 };bpp[42]={t:60,l:402,w:99,h:22 };bpp[43]={t:60,l:502,w:93,h:22 };bpp[44]={t:134,l:65,w:137,h:22 };bpp[45]={t:134,l:202,w:106,h:22 };bpp[46]={t:134,l:308,w:81,h:22 };bpp[47]={t:134,l:388,w:69,h:22 };bpp[48]={t:134,l:457,w:69,h:22 };bpp[49]={t:134,l:526,w:69,h:22 };bpp[50]={t:208,l:65,w:141,h:21 };bpp[51]={t:208,l:206,w:106,h:21 };bpp[52]={t:208,l:313,w:106,h:21 };bpp[53]={t:208,l:419,w:176,h:21 };bpp[54]={t:281,l:65,w:176,h:22 };bpp[55]={t:281,l:241,w:141,h:22 };bpp[56]={t:281,l:383,w:142,h:22 };bpp[57]={t:281,l:525,w:65,h:22 }; var delaytime=0;var pageBeforeChanging;function changepage1(e) { let base; let playTimes; let maxPages; let playingpart; let readytogo; document.getElementById('layer1').style.visibility = 'hidden'; if (lb == null) { initiatestuff(); } if (ison1 ||ison2 ||ison3||ison4) { if(typeof bpp !== 'undefined' && typeof ppt !== 'undefined') { playTimes = ppt; } else { playTimes = pt; } base = baseUrl; maxPages = max_playalong_page; playingpart=true; } else { playingpart=false; playTimes = pt; base = ss+score; maxPages = no_pages; } let mult = showTwoPages ? 2 : 1; if (changedpage==0) { pageBeforeChanging = currpage; changedpage = 1; manual_scroll=1; } if (carryon == 1 && e == 'r' && currpage + mult <= maxPages ) { currpage += mult; var cp; cp = formatPageNumber(currpage,playingpart); if (!playingpart&&curtransp!=0) { switchScore("score", thissc+'_'+curtranspdir+curtransp+cp+'.gif'); } else { switchScore("score", base+cp+'.svg');} if (showTwoPages) { if (currpage + 1 <= maxPages ) { var currpageplus1 = currpage+1; cp2 = formatPageNumber(currpageplus1,playingpart); if (!playingpart&&curtransp!=0){ switchScore("score2", thissc+'_'+curtranspdir+curtransp+cp2+'.gif'); } else { switchScore("score2", base+cp2+'.svg'); } } else { switchScore("score2", ''); score2.style.width='11542px'; } } lb.classList.remove("pagenav_disabled") if (currpage >= maxPages ||(showTwoPages&&currpage+1 >= maxPages)) { rb.classList.add("pagenav_disabled") } } else if ('l' == e && currpage > 1 * mult) { currpage -= mult; var cp; cp = formatPageNumber(currpage,playingpart); if (!playingpart&&curtransp!=0) { switchScore("score", thissc+'_'+curtranspdir+curtransp+cp+'.gif'); } else { switchScore("score", base+cp+'.svg'); } if (showTwoPages) { if (currpage + 1 <= maxPages) { var currpageplus1 = currpage+1; cp2 = formatPageNumber(currpageplus1,playingpart); if (!playingpart&&curtransp!=0) { switchScore("score2", thissc+'_'+curtranspdir+curtransp+cp2+'.gif'); } else { switchScore("score2", base+cp2+'.svg'); } } else { switchScore("score2", ''); score2.style.width='11542px'; } } rb.classList.remove("pagenav_disabled") if (1 == currpage) { lb.classList.add("pagenav_disabled") } }}function formatPageNumber(page, isPlayingPart=false) { if (isPlayingPart || curtransp == 0) { return page < 10 ? '0' + page : page; } else { return page < 10 ? '00' + page : (page < 100 ? '0' + page : page); }}function changepage2(dir) { hideLoopGuide(); changepage1(dir);}function changepage_playalong(dir) { if(lb==null){ initiatestuff(); } document.getElementById('layer1').style.visibility='hidden'; if( ison3==1||ison2==1||ison4==1){ //changing part var ds=sco.src; if(dir=='r') { switchScore('score', bumpStringInt(ds,dir)); } else { switchScore('score', bumpStringInt(ds,dir)); } } else { if (changedpage==0) { pageBeforeChanging = currpage; changedpage = 1; } var cp2 if(carryon==true){ if(dir=='r'&&(currpage<2)) { currpage=currpage+1; if (currpage<10){cp2='00'+(currpage)} else if (currpage<100){cp2='0'+(currpage)} else {cp2=currpage} switchScore("score", baseUrl+cp2+'.svg'); lb.classList.remove("pagenav_disabled"); if (currpage==max_playalong_page||showTwoPages&&(currpage+1 == max_playalong_page)){rb.classList.add("pagenav_disabled");} } else if(dir=='l'&&(currpage>1)) { currpage=currpage-1; if (currpage<10){cp2='00'+(currpage)} else if (currpage<100){cp2='0'+(currpage)} else {cp2=currpage} switchScore("score", baseUrl+cp2+'.svg'); rb.classList.remove("pagenav_disabled"); if (currpage==1){lb.classList.add("pagenav_disabled");} } } }}var pauseamount=0;var pppa=0;var stimer; function playmain(stype){ baseUrl=''; temp_IS_HIGHLIGHT_ON=IS_HIGHLIGHT_ON; manual_scroll=0;if(g){ clearTimeout(g);} if(ison1) { hideLoopGuide(); } if (document.getElementById('pausebefore').checked==true&&ison0 == 0){ pauseamount=5;updatecountin(); pppa=pauseamount+1;} else {pauseamount=0;pppa=0} stimer = window.setTimeout( "playmain2("+stype+")", (pppa*1000)); stopplayalongreturntostandardview() resizeStage();} getCachedImageFromMap(ss+score+'01.svg', imageCache); getCachedImageFromMap(ss+score+'02.svg', imageCache); getCachedImageFromMap(ss+score+'03.svg', imageCache); getCachedImageFromMap(ss+score+'04.svg', imageCache); getCachedImageFromMap(ss+score+'05.svg', imageCache); getCachedImageFromMap(ss+'violin/pachelbel_canon_vn_vn01.svg', imageCache); getCachedImageFromMap(ss+'violin/pachelbel_canon_vn_vn02.svg', imageCache); function playmain2(stype, keepPlayState, wasOn) { partopen=0; let wasStoped = pauseon || !wasOn; if(lb==null){initiatestuff()} if (stype==0){ stopplayalongreturntostandardview() } if (ison0) { playalongstop();changedpage=0; } else { if (!keepPlayState || !wasStoped) { startTimeframe(DESIRED_FPS); } l1.style.visibility='visible'; } var num_listened=readCookie('num_listened') if (num_listened=='undefined'||num_listened=='NaN'){num_listened=0;} if (everyplayed==0){ num_listened=p(num_listened)+1; eraseCookie('num_listened') createCookie('num_listened',num_listened,1) everyplayed=1; } if (num_listened>3){overlay();return ;} if (ison0 == 0) { ison0 = 1;ison1=0 ;ison2=0;ison3=0;ison4=0; document.getElementById('icon0').src = sic; aud=document.getElementById('demo0') pb.style.display='flex'; document.getElementById('metandtemp').style.visibility='visible'; pico.style.display='inline-block'; ic1.style.display='none'; ic2.style.display='none'; aic1.style.display='none'; aic2.style.display='none'; if (ic3){ ic3.style.display='none'; aic3.style.display='none'; } if (ic4){ ic4.style.display='none'; aic4.style.display='none'; } aisp=document.getElementById('aispacer'); aisp.style.display='inline-flex';aisp.style.visibiliy='visible'; checkIfShouldShowTwoPages(); aud.addEventListener('timeframe',function(){ if (aud.currentTime< 34) { if(currpage!=1&&changedpage==0){ currpage=1 switchScore('score', ss+score+'0'+(currpage)+'.svg'); lb.classList.remove("pagenav_disabled"); rb.classList.remove("pagenav_disabled"); if (currpage==no_pages||showTwoPages&&(currpage+1 == no_pages)){rb.classList.add("pagenav_disabled");} } } },false); aud.addEventListener('timeframe',checktimeupdate); aud.addEventListener('timeframe',checkbartimeupdate); aud.addEventListener('timeframe', updateProgress, false);aud.addEventListener('ended', audioend); updateplaybackrate(document.getElementById('speed').value) aud.play();aud.currentTime = 0; if (stype==0) { if(curtransp!=0){ switchScore('score', thissc+'_'+curtranspdir+curtransp+'001.gif'); switchScore('score2', thissc+'_'+curtranspdir+curtransp+'002.gif'); } else { switchScore('score', scfile); switchScore('score2', scfile2); } currpage=1; if(!ext_traditional){ lb.classList.add("pagenav_disabled"); if(no_pages>1&&!showTwoPages||no_pages>2){rb.classList.remove("pagenav_disabled"); } } } } else { ison0 = 0; pb.style.display='none'; pico.style.display='none'; if(curtransp!=0){ switchScore('score', thissc+'_'+curtranspdir+curtransp+'001.gif'); switchScore('score2', thissc+'_'+curtranspdir+curtransp+'002.gif'); } else { switchScore('score', scfile); switchScore('score2', scfile2); } document.getElementById('metandtemp').style.visibility='hidden'; if (stype==0){ stopplayalongreturntostandardview(); l1.style.visibility='hidden'; stopLoop(); } } if(keepPlayState) { if (wasStoped) { pauseon=0; callpause(); setTimeout(() => { checkbartimeupdate(); updateProgress(); }, 100) } } resizeStage(); }function uptr(nop,currpage){ if(lb==null){initiatestuff();} lb.classList.remove("pagenav_disabled");rb.classList.remove("pagenav_disabled"); if ((currpage==nop)||showTwoPages&&(currpage==nop-1)){rb.classList.add("pagenav_disabled"); } if (currpage==1){lb.classList.add("pagenav_disabled");}}function audioend(){ if(ison0==1){playmain()} else if (ison1==1){playalongacc(1)} else if (ison2==1){playalongacc(2)} else if (ison3==1){playalongacc(3)} else if (ison4==1){playalongacc(4)}}var changingpage = false;var oldpage;function checktimeupdate() { let showingPages = 1; if (showTwoPages) { showingPages = 2; if (pt.length % 2 === 0) { pt.push({ e: pt[pt.length - 1].e }); } } let pageI = pt.findIndex((page) => { return (page || {e:0}).e - PAGE_TURNING_TIME>= aud.currentTime; }); if (pageI <= -1) pageI = 1; let curPage = pt[pageI] || {e:0}; if (ison0 == 1 && changedpage == 0) { if (oldpage == null) { oldpage = 0; } else { oldpage = currpage; } // Math to make f(1) -> 1 f(2) -> 1 f(3) -> 3 f(4) -> 3 if showing 2 pages // and f(x) -> x, if showing only 1 page let page = Math.max(1, curPage.p || 1); currpage = Math.ceil(page / showingPages) * showingPages - Math.floor(0.5 * showingPages); if (showingPages === 2) { currpagearryno = pageI - (page % 2 ? 0 : 1); } else { currpagearryno = pageI; } var cp = currpage.toString().padStart(2, "0"); let newSrc; if (curtransp!=0) { cp = currpage.toString().padStart(3, "0"); newSrc = thissc+'_'+curtranspdir+curtransp+cp+'.gif' } else { newSrc = ss+score+cp+'.svg'; } switchScore("score", newSrc); if (showTwoPages && currpage + 1 <= no_pages) { var currpageplus1 = currpage + 1; let cp2 = currpageplus1.toString().padStart(2, "0"); if (curtransp != 0) { cp2 = currpageplus1.toString().padStart(3, "0"); newSrc = thissc + "_" + curtranspdir+curtransp + cp2 + ".gif"; } else { newSrc = ss + score + cp2 + ".svg"; } } else { newSrc = ""; } if ( sco2.src !== sco.src ) { switchScore("score2", newSrc); if(newSrc.length==0 &&curtransp == 0){ score2.style.width='11542px'; } } uptr(no_pages, currpage); }}function checktimeupdateparts() { var delaytime=0; if (showTwoPages) { if (ppt.length % 2 === 0) { ppt.push({ e: ppt[ppt.length - 1].e }); } } let pageI = ppt.findIndex((page) => { return (page || {e:0}).e + p(delaytime/1000) - PAGE_TURNING_TIME >= aud.currentTime; }); if (pageI <= -1) pageI = 1; let curPage = ppt[pageI] || {e:0}; if (ison1 == 1 && changedpage == 0) { if (oldpage == null) { oldpage = 0; } else { oldpage = currpage; } // f(1) -> 1 f(2) -> 1 f(3) -> 3 f(4) -> 3 if showing 2 pages // and f(x) -> x, if showing only 1 page let page = Math.max(1, curPage.p || 1); if (showTwoPages) { currpage = Math.ceil(page / 2) * 2 - 1; currpagearryno = pageI - (page % 2 ? 0 : 1); } else { currpage = page; currpagearryno = pageI; } var cp = currpage.toString().padStart(2, "0"); let newSrc; if (baseUrl !== '') { newSrc = baseUrl + cp + '.svg'; } else { newSrc = ss+score+cp+'.svg'; } switchScore("score", newSrc); if (showTwoPages && currpage + 1 <= no_part_pages) { var currpageplus1 = currpage + 1; var cp2 = currpageplus1.toString().padStart(2, "0"); if (baseUrl !== '') { newSrc = baseUrl + cp2 + '.svg'; } else { newSrc = ss+score+cp2+'.svg'; } } else { newSrc = ''; } if(sco2.src !== sco.src) { switchScore("score2", newSrc); } uptr(max_playalong_page, currpage) }}function isElementInViewport (el) { var rect = el.getBoundingClientRect(); return ( rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /* or $(window).height() */ rect.right <= (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */ );}function checkbartimeupdate() { var delaytime=0; var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor); var chrome_delay if (isChrome){ chrome_delay=aud.currentTime/500 } else{ chrome_delay=0 } if (ison0==1){delaytime=0;} if (((aud.currentTime+chrome_delay)*1000)delaytime||delaytime==0){ for(var aaa=1;aaa 1) { if ( zthisbartiming <= pageEndTime + 6 && zthisbartiming >= pageBeginTime ) { zthispage = true; } } else { zthispage = true; } } let pageOffset = 0; if (showTwoPages && zthisbartiming > firstPageEnd + 6) { pageOffset = document.getElementById('score2').offsetLeft; } else { pageOffset = document.getElementById('score').offsetLeft; } if(changedpage && currpage !== pageBeforeChanging) { l1.style.visibility='hidden'; } else { l1.style.visibility= temp_IS_HIGHLIGHT_ON ? 'visible' : 'hidden'; changedpage=0; if (ison0==1||ison1==1||ison1==2||ison3==1||ison4==1){ } var u,v,toppercwidth,leftpercwidth if (ison0==1 || (ison1 && typeof(bpp) === 'undefined')){ u = p(window.getComputedStyle(sco).getPropertyValue("width")); v = p(window.getComputedStyle(sco).getPropertyValue("height")); toppercwidth=p(window.getComputedStyle(sco).getPropertyValue("width")); toppercwidth=650/p(toppercwidth); leftpercwidth=p(window.getComputedStyle(sco).getPropertyValue("height")); leftpercwidth=918/p(leftpercwidth); if (document.getElementById('scrollview').checked==true) { l1.style.top=(p(bp[cbn].t))/toppercwidth+'px'; l1.style.left=(p((bp[cbn].l /toppercwidth ) +pageOffset))+'px'; l1.style.width=((p(bp[cbn].w))/toppercwidth)+'px'; l1.style.height=((p(bp[cbn].h))/toppercwidth)+'px'; if (cbn= (bt[loopEnd].e - 5 + delaytime / 100) / 10) { if (loopStart === 1) { aud.currentTime = 0 } else { aud.currentTime = ((bt[loopStart - 1] || {e: 0}).e + delaytime / 100) / 10; } } } }var curtransp=0;var curtranspdir='u';notransps=0;var thissc='https://www.8notes.com/school/transpositions/gif/violin/pachelbel_canon_vn',tru=document.getElementById('tranup').style.background,trd=document.getElementById('trandown').style.background;function cleartransps(){ var u0=document.getElementById('u0'); u0.classList.remove("alphselected"); var u1=document.getElementById('u1'); u1.classList.remove("alphselected"); var u2=document.getElementById('u2'); u2.classList.remove("alphselected"); var u3=document.getElementById('u3'); u3.classList.remove("alphselected"); var u4=document.getElementById('u4'); u4.classList.remove("alphselected"); var u5=document.getElementById('u5'); u5.classList.remove("alphselected"); var u6=document.getElementById('u6'); u6.classList.remove("alphselected"); var d1=document.getElementById('d1'); d1.classList.remove("alphselected"); var d2=document.getElementById('d2'); d2.classList.remove("alphselected"); var d3=document.getElementById('d3'); d3.classList.remove("alphselected"); var d4=document.getElementById('d4'); d4.classList.remove("alphselected"); var d5=document.getElementById('d5'); d5.classList.remove("alphselected");}function transp(dir,numb,typeofaddition,kno){ if(lb==null){ initiatestuff() } rb.classList.remove("pagenav_disabled"); lb.classList.add("pagenav_disabled"); var actime=aud.currentTime; notransps=notransps+1; if(notransps>2) { overlay(); } else { if (typeofaddition==1){ switchScore('score', thissc+'_'+dir+numb+'001.gif'); cleartransps(); document.getElementById(dir+numb).classList.add("alphselected"); curtransp=numb; curtranspdir=dir; if (pt.length > 1) { pdfadd=dir+numb; switchScore('score2', thissc+'_'+dir+numb+'002.gif'); } aud.src='https://www.8notes.com/school/transpositions/mp3/violin/pachelbel_canon_vn_'+dir+numb +'.mp3'; if (ison0==1){ aud.play(); aud.currentTime = actime; } } else { //click the up or down buttons if(dir=='u') { if (curtransp<6) { curtransp=curtransp+numb; if(curtransp<0){ negtransp=-curtransp; pdfadd='d'+negtransp; switchScore('score', thissc+'_d'+negtransp+'001.gif'); cleartransps(); document.getElementById('d'+negtransp).classList.add("alphselected"); if (pt.length > 1) { switchScore('score', thissc+'_d'+negtransp+'002.gif'); } trd=bg2; aud.src='https://www.8notes.com/school/transpositions/mp3/violin/pachelbel_canon_vn_d'+negtransp +'.mp3'; if (ison0==1){ aud.play(); aud.currentTime = actime; } } else { pdfadd='u'+curtransp; cleartransps(); switchScore('score', thissc+'_u'+curtransp+'001.gif'); document.getElementById('u'+curtransp).classList.add("alphselected"); if (pt.length > 1) { switchScore('score2', thissc+'_u'+curtransp+'002.gif'); } aud.src='https://www.8notes.com/school/transpositions/mp3/violin/pachelbel_canon_vn_u'+curtransp +'.mp3'; if (ison0==1){ aud.play(); aud.currentTime = actime; } } if(curtransp==6){ tru=bg1; } else { trd=bg2; } } } else if(dir=='d'){ if(curtransp>-5) { curtransp=curtransp-numb; if(curtransp<0) { negtransp=-curtransp; pdfadd='d'+negtransp; cleartransps(); switchScore('score', thissc+'_d'+negtransp+'001.gif'); document.getElementById('d'+negtransp).classList.add("alphselected"); if (pt.length > 1) { switchScore('score2', thissc+'_d'+negtransp+'002.gif'); } aud.src='https://www.8notes.com/school/transpositions/mp3/violin/pachelbel_canon_vn_d'+negtransp +'.mp3'; if (ison0==1){ aud.play(); aud.currentTime = actime; } if (curtransp==-6) { trd=bg1; } else { tru=bg2; } } else { pdfadd='u'+curtransp; cleartransps(); switchScore('score', thissc+'_u'+curtransp+'001.gif'); document.getElementById('u'+curtransp).classList.add("alphselected"); if (pt.length > 1) { switchScore('score2', thissc+'_u'+curtransp+'002.gif'); } aud.src='https://www.8notes.com/school/transpositions/mp3/violin/pachelbel_canon_vn_u'+curtransp +'.mp3'; if (ison0==1){ aud.play(); aud.currentTime = actime; } tru=bg2; } } } }}transp_modal.style.display = "none";}