formateMusic.ts 38 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042
  1. import dayjs from "dayjs";
  2. import duration from "dayjs/plugin/duration";
  3. import state, { customData } from "/src/state";
  4. import { browser } from "../utils/index";
  5. import {
  6. isSpecialMark,
  7. isSpeedKeyword,
  8. Fraction,
  9. SourceMeasure,
  10. isGradientWords,
  11. GRADIENT_SPEED_RESET_TAG,
  12. StringUtil,
  13. OpenSheetMusicDisplay,
  14. } from "/osmd-extended/src";
  15. import { GradualChange, speedInfo } from "./calcSpeed";
  16. const browserInfo = browser();
  17. dayjs.extend(duration);
  18. /**
  19. * 获取节拍器的时间
  20. * @param speed 速度
  21. * @param firstMeasure 曲谱第一个小节
  22. * @returns 节拍器的时间
  23. */
  24. export const getFixTime = (speed: number) => {
  25. const duration: any = getDuration(state.osmd as unknown as OpenSheetMusicDisplay);
  26. let numerator = duration.numerator || 0;
  27. let denominator = duration.denominator || 4;
  28. const beatUnit = duration.beatUnit || "quarter";
  29. if (state.repeatedBeats) {
  30. // 音频制作问题仅2拍不重复
  31. numerator = numerator === 2 ? 4 : numerator;
  32. } else if (numerator === 2 && denominator === 4) {
  33. numerator = 4
  34. }
  35. // console.log('diff', speed, duration, formatBeatUnit(beatUnit), denominator, numerator, (numerator / denominator))
  36. return state.isOpenMetronome ? (60 / speed) * formatBeatUnit(beatUnit) * (numerator / denominator) : 0;
  37. };
  38. export const retain = (time: number) => {
  39. return Math.ceil(time * 1000000) / 1000000;
  40. };
  41. export const formatLyricsEntries = (note: any) => {
  42. const voiceEntries = note.parentStaffEntry?.voiceEntries || [];
  43. const lyricsEntries: string[] = [];
  44. for (const voic of voiceEntries) {
  45. if (voic.lyricsEntries?.table) {
  46. const values: any[] = Object.values(voic.lyricsEntries.table);
  47. for (const lyric of values) {
  48. lyricsEntries.push(lyric?.value.text);
  49. }
  50. }
  51. }
  52. return lyricsEntries;
  53. };
  54. export const getMeasureDurationDiff = (measure: any) => {
  55. const { realValue: SRealValue } = measure.activeTimeSignature;
  56. const { realValue: RRealValue } = measure.duration;
  57. return SRealValue - RRealValue;
  58. };
  59. /** 按照dorico的渐快渐慢生成对应的速度 */
  60. export const createSpeedInfo = (gradualChange: GradualChange | undefined, speed: number) => {
  61. if (gradualChange && speedInfo[gradualChange.startWord?.toLocaleLowerCase()]) {
  62. const notenum = Math.max(gradualChange.endXmlNoteIndex, 3);
  63. const speeds: number[] = [];
  64. const startSpeed = speed;
  65. const endSpeed = speed / speedInfo[gradualChange.startWord?.toLocaleLowerCase()];
  66. for (let index = 0; index < notenum; index++) {
  67. const speed = startSpeed + ((endSpeed - startSpeed) / notenum) * (index + 1);
  68. speeds.push(speed);
  69. }
  70. return speeds;
  71. }
  72. return;
  73. };
  74. const tranTime = (str: string = "") => {
  75. let result = str;
  76. const splits = str.split(":");
  77. if (splits.length === 1) {
  78. result = `00:${splits[0]}:00`;
  79. } else if (splits.length === 2) {
  80. result = `00:${splits[0]}:${splits[1]}`;
  81. }
  82. // console.log(`1970-01-01 00:${result}0`)
  83. return `1970-01-01 00:${result}0`;
  84. };
  85. export const getSlursNote = (note: any, pos?: "start" | "end") => {
  86. return pos === "end" ? note.noteElement.slurs[0]?.endNote : note.noteElement.slurs[0]?.startNote;
  87. };
  88. export const getNoteBySlursStart = (note: any, anyNoteHasSlurs?: boolean, pos?: "start" | "end") => {
  89. let activeNote = note;
  90. let slursNote = getSlursNote(activeNote, pos);
  91. for (const item of activeNote.measures) {
  92. if (item.noteElement.slurs.length) {
  93. slursNote = getSlursNote(item, pos);
  94. activeNote = item;
  95. }
  96. }
  97. return activeNote;
  98. };
  99. /** 根据 noteElement 获取note */
  100. export const getParentNote = (note: any) => {
  101. let parentNote;
  102. if (note) {
  103. // time = activeNote.time
  104. for (const n of state.times) {
  105. if (note === n.noteElement) {
  106. // console.log(note)
  107. return n;
  108. }
  109. }
  110. }
  111. return parentNote;
  112. };
  113. export type FractionDefault = {
  114. numerator: number;
  115. denominator: number;
  116. wholeValue: number;
  117. };
  118. export type Duration = FractionDefault & {
  119. TempoInBPM: number;
  120. beatUnit: string;
  121. };
  122. export const getDuration = (osmd?: OpenSheetMusicDisplay): Duration => {
  123. if (osmd) {
  124. const { Duration, TempoInBPM, ActiveTimeSignature, TempoExpressions } = osmd.GraphicSheet.MeasureList[0][0]?.parentSourceMeasure;
  125. if (Duration) {
  126. let beatUnit = "quarter";
  127. for (const item of TempoExpressions) {
  128. beatUnit = item.InstantaneousTempo.beatUnit || "quarter";
  129. }
  130. const duration = formatDuration(ActiveTimeSignature, Duration) as unknown as FractionDefault;
  131. return {
  132. ...duration,
  133. TempoInBPM,
  134. beatUnit,
  135. };
  136. }
  137. }
  138. const duration = new Fraction() as unknown as FractionDefault;
  139. return {
  140. ...duration,
  141. TempoInBPM: 90,
  142. beatUnit: "quarter",
  143. };
  144. };
  145. export function formatDuration(activeTimeSignature: Fraction, duration: Fraction): Fraction {
  146. // 弱起第一小节duration不对
  147. return activeTimeSignature;
  148. }
  149. export function formatBeatUnit(beatUnit: string) {
  150. let multiple = 4;
  151. switch (beatUnit) {
  152. case "1024th":
  153. // bpm = bpm;
  154. multiple = 1024;
  155. break;
  156. case "512th":
  157. // divisionsFromNote = (noteDuration / 4) * 512;
  158. multiple = 512;
  159. break;
  160. case "256th":
  161. // divisionsFromNote = (noteDuration / 4) * 256;
  162. multiple = 256;
  163. break;
  164. case "128th":
  165. // divisionsFromNote = (noteDuration / 4) * 128;
  166. multiple = 128;
  167. break;
  168. case "64th":
  169. // divisionsFromNote = (noteDuration / 4) * 64;
  170. multiple = 64;
  171. break;
  172. case "32nd":
  173. // divisionsFromNote = (noteDuration / 4) * 32;
  174. multiple = 32;
  175. break;
  176. case "16th":
  177. // divisionsFromNote = (noteDuration / 4) * 16;
  178. multiple = 16;
  179. break;
  180. case "eighth":
  181. // divisionsFromNote = (noteDuration / 4) * 8;
  182. multiple = 8;
  183. break;
  184. case "quarter":
  185. multiple = 4;
  186. break;
  187. case "half":
  188. // divisionsFromNote = (noteDuration / 4) * 2;
  189. multiple = 2;
  190. break;
  191. case "whole":
  192. // divisionsFromNote = (noteDuration / 4);
  193. multiple = 1;
  194. break;
  195. case "breve":
  196. // divisionsFromNote = (noteDuration / 4) / 2;
  197. multiple = 0.5;
  198. break;
  199. case "long":
  200. // divisionsFromNote = (noteDuration / 4) / 4;
  201. multiple = 0.25;
  202. break;
  203. case "maxima":
  204. // divisionsFromNote = (noteDuration / 4) / 8;
  205. multiple = 0.125;
  206. break;
  207. default:
  208. break;
  209. }
  210. return multiple;
  211. }
  212. /** 根据音符单位,速度,几几拍计算正确的时间 */
  213. export function getTimeByBeatUnit(beatUnit: string, bpm: number, denominator: number) {
  214. return (denominator / formatBeatUnit(beatUnit)) * bpm;
  215. }
  216. export type CustomInfo = {
  217. showSpeed: boolean;
  218. parsedXML: string;
  219. };
  220. /** 从xml中获取自定义信息,并删除多余的字符串 */
  221. export const getCustomInfo = (xml: string): CustomInfo => {
  222. const data = {
  223. showSpeed: true,
  224. parsedXML: xml,
  225. };
  226. const xmlParse = new DOMParser().parseFromString(xml, "text/xml");
  227. const words: any = xmlParse.getElementsByTagName("words");
  228. for (const word of words) {
  229. if (word && word.textContent?.trim() === "隐藏速度") {
  230. data.showSpeed = false;
  231. word.textContent = "";
  232. }
  233. if (word && word.textContent?.trim() === "@") {
  234. word.textContent = "segno";
  235. }
  236. }
  237. data.parsedXML = new XMLSerializer().serializeToString(xmlParse);
  238. return data;
  239. };
  240. /**
  241. * 替换文本标签中的内容
  242. */
  243. const replaceTextConent = (beforeText: string, afterText: string, ele: Element): Element => {
  244. const words: any = ele?.getElementsByTagName("words");
  245. for (const word of words) {
  246. if (word && word.textContent?.trim() === beforeText) {
  247. word.textContent = afterText;
  248. }
  249. }
  250. return ele;
  251. };
  252. /**
  253. * 添加第一分谱信息至当前分谱
  254. * @param ele 需要插入的元素
  255. * @param fitstParent 合奏谱第一个分谱
  256. * @param parent 需要添加的分谱
  257. */
  258. const setElementNoteBefore = (ele: Element, fitstParent: Element, parent?: Element | null) => {
  259. let noteIndex: number = 0;
  260. if (!fitstParent) {
  261. return;
  262. }
  263. for (let index = 0; index < fitstParent.childNodes.length; index++) {
  264. const element = fitstParent.childNodes[index];
  265. if (element.nodeName === "note") {
  266. noteIndex++;
  267. }
  268. if (element === ele) {
  269. break;
  270. }
  271. }
  272. if (noteIndex === 0 && parent) {
  273. parent.insertBefore(ele, parent.childNodes[0]);
  274. return;
  275. }
  276. if (parent && parent.childNodes.length > 0) {
  277. let noteIndex2: number = 0;
  278. const notes = Array.from(parent.childNodes).filter((child) => child.nodeName === "note");
  279. const lastNote = notes[notes.length - 1];
  280. if (noteIndex >= notes.length && lastNote) {
  281. parent.insertBefore(ele, parent.childNodes[Array.from(parent.childNodes).indexOf(lastNote)]);
  282. return;
  283. }
  284. for (let index = 0; index < notes.length; index++) {
  285. const element = notes[index];
  286. if (element.nodeName === "note") {
  287. noteIndex2 = noteIndex2 + 1;
  288. if (noteIndex2 === noteIndex) {
  289. parent.insertBefore(ele, element);
  290. break;
  291. }
  292. }
  293. }
  294. }
  295. // console.log(noteIndex, parent)
  296. };
  297. /**
  298. * 检查传入文字是否为重复关键词
  299. * @param text 总谱xml
  300. * @returns 是否是重复关键词
  301. */
  302. export const isRepeatWord = (text: string): boolean => {
  303. if (text) {
  304. const innerText = text.toLocaleLowerCase();
  305. const dsRegEx: string = "d\\s?\\.s\\.";
  306. const dcRegEx: string = "d\\.\\s?c\\.";
  307. return (
  308. innerText === "@" ||
  309. StringUtil.StringContainsSeparatedWord(innerText, dsRegEx + " al fine", true) ||
  310. StringUtil.StringContainsSeparatedWord(innerText, dsRegEx + " al coda", true) ||
  311. StringUtil.StringContainsSeparatedWord(innerText, dcRegEx + " al fine", true) ||
  312. StringUtil.StringContainsSeparatedWord(innerText, dcRegEx + " al coda", true) ||
  313. StringUtil.StringContainsSeparatedWord(innerText, dcRegEx) ||
  314. StringUtil.StringContainsSeparatedWord(innerText, "da\\s?capo", true) ||
  315. StringUtil.StringContainsSeparatedWord(innerText, dsRegEx, true) ||
  316. StringUtil.StringContainsSeparatedWord(innerText, "dal\\s?segno", true) ||
  317. StringUtil.StringContainsSeparatedWord(innerText, "al\\s?coda", true) ||
  318. StringUtil.StringContainsSeparatedWord(innerText, "to\\s?coda", true) ||
  319. StringUtil.StringContainsSeparatedWord(innerText, "a (la )?coda", true) ||
  320. StringUtil.StringContainsSeparatedWord(innerText, "fine", true) ||
  321. StringUtil.StringContainsSeparatedWord(innerText, "coda", true) ||
  322. StringUtil.StringContainsSeparatedWord(innerText, "segno", true)
  323. );
  324. }
  325. return false;
  326. };
  327. export const onlyVisible = (xml: string, partIndex: number): string => {
  328. if (!xml) return "";
  329. // console.log('原始xml')
  330. const detailId = state.examSongId + "";
  331. const xmlParse = new DOMParser().parseFromString(xml, "text/xml");
  332. const partList = xmlParse.getElementsByTagName("part-list")?.[0]?.getElementsByTagName("score-part") || [];
  333. const partListNames = Array.from(partList).map((item) => item.getElementsByTagName("part-name")?.[0]?.textContent || "");
  334. const parts: any = xmlParse.getElementsByTagName("part");
  335. // const firstTimeInfo = parts[0]?.getElementsByTagName('metronome')[0]?.parentElement?.parentElement?.cloneNode(true)
  336. const firstMeasures = [...parts[0]?.getElementsByTagName("measure")];
  337. const metronomes = [...parts[0]?.getElementsByTagName("metronome")];
  338. const words = [...parts[0]?.getElementsByTagName("words")];
  339. const codas = [...parts[0]?.getElementsByTagName("coda")];
  340. const rehearsals = [...parts[0]?.getElementsByTagName("rehearsal")];
  341. /** 第一分谱如果是约定的配置分谱则跳过 */
  342. if (partListNames[0]?.toLocaleUpperCase?.() === "COMMON") {
  343. partIndex++;
  344. partListNames.shift();
  345. }
  346. const visiblePartInfo = partList[partIndex];
  347. // console.log(visiblePartInfo, partIndex)
  348. state.partListNames = partListNames;
  349. if (visiblePartInfo) {
  350. const id = visiblePartInfo.getAttribute("id");
  351. Array.from(parts).forEach((part: any) => {
  352. if (part && part.getAttribute("id") !== id) {
  353. part.parentNode?.removeChild(part);
  354. // 不等于第一行才添加避免重复添加
  355. } else if (part && part.getAttribute("id") !== "P1") {
  356. // 速度标记仅保留最后一个
  357. const metronomeData: {
  358. [key in string]: Element;
  359. } = {};
  360. for (let i = 0; i < metronomes.length; i++) {
  361. const metronome = metronomes[i];
  362. const metronomeContainer = metronome.parentElement?.parentElement?.parentElement;
  363. if (metronomeContainer) {
  364. const index = firstMeasures.indexOf(metronomeContainer);
  365. metronomeData[index] = metronome;
  366. }
  367. }
  368. Object.values(metronomeData).forEach((metronome) => {
  369. const metronomeContainer: any = metronome.parentElement?.parentElement;
  370. const parentMeasure: any = metronomeContainer?.parentElement;
  371. const measureMetronomes = [...(parentMeasure?.childNodes || [])];
  372. const metronomesIndex = metronomeContainer ? measureMetronomes.indexOf(metronomeContainer) : -1;
  373. // console.log(parentMeasure)
  374. if (parentMeasure && metronomesIndex > -1) {
  375. const index = firstMeasures.indexOf(parentMeasure);
  376. const activeMeasure = part.getElementsByTagName("measure")[index];
  377. setElementNoteBefore(metronomeContainer, parentMeasure, activeMeasure);
  378. }
  379. });
  380. /** word比较特殊需要精确到note位置 */
  381. words.forEach((word) => {
  382. let text = word.textContent || "";
  383. text = ["cresc."].includes(text) ? "" : text;
  384. if ((isSpecialMark(text) || isSpeedKeyword(text) || isGradientWords(text) || isRepeatWord(text) || GRADIENT_SPEED_RESET_TAG) && text) {
  385. const wordContainer = word.parentElement?.parentElement;
  386. const parentMeasure = wordContainer?.parentElement;
  387. const measureWords = [...(parentMeasure?.childNodes || [])];
  388. const wordIndex = wordContainer ? measureWords.indexOf(wordContainer) : -1;
  389. if (wordContainer && parentMeasure && wordIndex > -1) {
  390. const index = firstMeasures.indexOf(parentMeasure);
  391. const activeMeasure = part.getElementsByTagName("measure")[index];
  392. // 找当前小节是否包含word标签
  393. const _words = Array.from(activeMeasure?.getElementsByTagName("words") || []);
  394. // 遍历word标签,检查是否和第一小节重复,如果有重复则不平移word
  395. const total = _words.reduce((total: any, _word: any) => {
  396. if (_word.textContent?.includes(text)) {
  397. total++;
  398. }
  399. return total;
  400. }, 0);
  401. if (total === 0) {
  402. if (["12280"].includes(detailId)) {
  403. activeMeasure?.insertBefore(wordContainer.cloneNode(true), activeMeasure?.childNodes[wordIndex]);
  404. } else {
  405. setElementNoteBefore(wordContainer, parentMeasure, activeMeasure);
  406. }
  407. }
  408. }
  409. }
  410. });
  411. /** word比较特殊需要精确到note位置 */
  412. codas.forEach((coda) => {
  413. const wordContainer = coda.parentElement?.parentElement;
  414. const parentMeasure = wordContainer?.parentElement;
  415. const measureWords = [...(parentMeasure?.childNodes || [])];
  416. const wordIndex = wordContainer ? measureWords.indexOf(wordContainer) : -1;
  417. if (wordContainer && parentMeasure && wordIndex > -1) {
  418. const index = firstMeasures.indexOf(parentMeasure);
  419. const activeMeasure = part.getElementsByTagName("measure")[index];
  420. if (["12280"].includes(detailId)) {
  421. activeMeasure?.insertBefore(wordContainer.cloneNode(true), activeMeasure?.childNodes[wordIndex]);
  422. } else {
  423. setElementNoteBefore(wordContainer, parentMeasure, activeMeasure);
  424. }
  425. }
  426. });
  427. rehearsals.forEach((rehearsal) => {
  428. const container = rehearsal.parentElement?.parentElement;
  429. const parentMeasure = container?.parentElement;
  430. // console.log(rehearsal)
  431. if (parentMeasure) {
  432. const index = firstMeasures.indexOf(parentMeasure);
  433. part.getElementsByTagName("measure")[index]?.appendChild(container.cloneNode(true));
  434. // console.log(index, parentMeasure, firstMeasures.indexOf(parentMeasure))
  435. }
  436. });
  437. } else {
  438. words.forEach((word, idx) => {
  439. const text = word.textContent || "";
  440. // if (idx == 0 && text) {
  441. // word.textContent = '测试一下'
  442. // word.setAttribute('default-y',60)
  443. // word.setAttribute('margin-left',300)
  444. // word.setAttribute('y',300)
  445. // word.outerHTML = '<words default-x="155" default-y="100" justify="right" valign="middle" font-family="SimHei" font-style="normal" font-size="11.9365" font-weight="normal">哈哈哈哈哈</words>'
  446. // }
  447. if (isSpeedKeyword(text) && text) {
  448. const wordContainer = word.parentElement?.parentElement?.parentElement;
  449. if (wordContainer && wordContainer.firstElementChild && wordContainer.firstElementChild !== word) {
  450. const wordParent = word.parentElement?.parentElement;
  451. const fisrt = wordContainer.firstElementChild;
  452. wordContainer.insertBefore(wordParent, fisrt);
  453. }
  454. }
  455. });
  456. }
  457. // 最后一个小节的结束线元素不在最后 调整
  458. if (part && part.getAttribute("id") === id) {
  459. const barlines = part.getElementsByTagName("barline");
  460. const lastParent = barlines[barlines.length - 1]?.parentElement;
  461. if (lastParent?.lastElementChild?.tagName !== "barline") {
  462. const children = lastParent?.children || [];
  463. for (let el of children) {
  464. if (el.tagName === "barline") {
  465. // 将结束线元素放到最后
  466. lastParent?.appendChild(el);
  467. break;
  468. }
  469. }
  470. }
  471. }
  472. });
  473. Array.from(partList).forEach((part) => {
  474. if (part && part.getAttribute("id") !== id) {
  475. part.parentNode?.removeChild(part);
  476. }
  477. });
  478. }
  479. // console.log(xmlParse)
  480. return new XMLSerializer().serializeToString(appoggianceFormate(xmlParse));
  481. };
  482. // 倚音后连音线
  483. export const appoggianceFormate = (xmlParse: Document): Document => {
  484. if (!xmlParse) return xmlParse;
  485. const graces: any = xmlParse.querySelectorAll("grace");
  486. if (!graces.length) return xmlParse;
  487. const getNextElement = (el: HTMLElement): HTMLElement => {
  488. if (el.querySelector("grace")) {
  489. return getNextElement(el?.nextElementSibling as HTMLElement);
  490. }
  491. return el;
  492. };
  493. for (let grace of graces) {
  494. const notations = grace.parentElement?.querySelector("notations");
  495. if (notations && notations.querySelectorAll("slur").length > 1) {
  496. let nextEle: Element = getNextElement(grace.parentElement?.nextElementSibling as HTMLElement);
  497. if (nextEle && nextEle.querySelectorAll("slur").length > 0) {
  498. const slurNumber = Array.from(nextEle.querySelector("notations")?.children || []).map((el: Element) => {
  499. return el.getAttribute("number");
  500. });
  501. const slurs = notations.querySelectorAll("slur");
  502. for (let nota of slurs) {
  503. if (!slurNumber.includes(nota.getAttribute("number"))) {
  504. nextEle.querySelector("notations")?.appendChild(nota);
  505. }
  506. }
  507. }
  508. }
  509. }
  510. return xmlParse;
  511. };
  512. /** 根据ID获取最顶级ID */
  513. export const isWithinScope = (tree: any[], id: number): number => {
  514. if (!tree) return 0;
  515. let result = 0;
  516. for (const item of tree) {
  517. if (item.id === id) {
  518. result = item.id;
  519. break;
  520. }
  521. if (item.sysMusicScoreCategoriesList) {
  522. result = isWithinScope(item.sysMusicScoreCategoriesList, id);
  523. if (result > 0) {
  524. result = item.id;
  525. }
  526. if (result) break;
  527. }
  528. }
  529. return result;
  530. };
  531. class NoteList {
  532. notes: any[] = [];
  533. constructor(notes: any[]) {
  534. this.notes = notes;
  535. }
  536. public last() {
  537. return this.notes[this.notes.length - 1];
  538. }
  539. public list() {
  540. return this.notes;
  541. }
  542. }
  543. export const getNotesByid = (id: string): NoteList => {
  544. const notes = new NoteList(state.times.filter((item) => item.id === id));
  545. return notes;
  546. };
  547. /** 格式化当前曲谱缩放比例 */
  548. export const formatZoom = (num = 1) => {
  549. return num * state.zoom;
  550. };
  551. /** 格式化曲谱
  552. * 1.全休止符的小节,没有音符默认加个全休止符
  553. */
  554. export const formatXML = (xml: string): string => {
  555. if (!xml) return "";
  556. const xmlParse = new DOMParser().parseFromString(xml, "text/xml");
  557. const measures = Array.from(xmlParse.getElementsByTagName("measure"));
  558. // const words: any = xmlParse.getElementsByTagName("words");
  559. // for (const word of words) {
  560. // if (word && word.textContent?.trim() === "筒音作5") {
  561. // word.setAttribute('y',260)
  562. // word.outerHTML = '<words id="test-word" default-x="805" default-y="100" x="200" justify="right" valign="middle" font-family="SimHei" font-style="normal" font-size="11.9365" font-weight="normal">筒音作5</words>'
  563. // }
  564. // }
  565. // console.log(11111,Array.from(xmlParse.getElementsByTagName("staffline")),Array.from(xmlParse.getElementsByTagName("words")))
  566. // let speed = -1
  567. let beats = -1;
  568. let beatType = -1;
  569. // 小节中如果没有节点默认为休止符
  570. for (const measure of measures) {
  571. if (beats === -1 && measure.getElementsByTagName("beats").length) {
  572. beats = parseInt(measure.getElementsByTagName("beats")[0].textContent || "4");
  573. }
  574. if (beatType === -1 && measure.getElementsByTagName("beat-type").length) {
  575. beatType = parseInt(measure.getElementsByTagName("beat-type")[0].textContent || "4");
  576. }
  577. // if (speed === -1 && measure.getElementsByTagName('per-minute').length) {
  578. // speed = parseInt(measure.getElementsByTagName('per-minute')[0].textContent || this.firstLib?.speed)
  579. // }
  580. const divisions = parseInt(measure.getElementsByTagName("divisions")[0]?.textContent || "256");
  581. if (measure.getElementsByTagName("note").length === 0) {
  582. const forwardTimeElement = measure.getElementsByTagName("forward")[0]?.getElementsByTagName("duration")[0];
  583. if (forwardTimeElement) {
  584. forwardTimeElement.textContent = "0";
  585. }
  586. measure.innerHTML =
  587. measure.innerHTML +
  588. `
  589. <note>
  590. <rest measure="yes"/>
  591. <duration>${divisions * beats}</duration>
  592. <voice>1</voice>
  593. <type>whole</type>
  594. </note>`;
  595. }
  596. }
  597. return new XMLSerializer().serializeToString(xmlParse);
  598. };
  599. /** 获取所有音符的时值,以及格式化音符 */
  600. export const formateTimes = (osmd: OpenSheetMusicDisplay) => {
  601. const customNoteRealValue = customData.customNoteRealValue;
  602. const customNoteCurrentTime = customData.customNoteCurrentTime;
  603. const detailId = state.examSongId + "";
  604. const partIndex = state.partIndex + "";
  605. let fixtime = browserInfo.huawei ? 0.08 : 0; //getFixTime()
  606. const allNotes: any[] = [];
  607. const allNoteId: string[] = [];
  608. const allMeasures: any[] = [];
  609. const { originSpeed: baseSpeed } = state;
  610. const formatRealKey = (realKey: number, detail: any) => {
  611. // 不是管乐迷, 不处理
  612. if (state.appName !== "GYM") return realKey;
  613. // 长笛的LEVEL 2-5-1条练习是泛音练习,以每小节第一个音的指法为准,高音不变变指法。
  614. const olnyOneIds = ["906"];
  615. if (olnyOneIds.includes(detailId)) {
  616. return detail.measures[0]?.realKey || realKey;
  617. }
  618. // 圆号的LEVEL 2-5条练习是泛音练习,最后四小节指法以连音线第一个小节为准
  619. const olnyOneIds2 = ["782", "784"];
  620. if (olnyOneIds2.includes(detailId)) {
  621. const measureNumbers = [14, 16, 30, 32];
  622. if (measureNumbers.includes(detail.firstVerticalMeasure?.measureNumber)) {
  623. return allNotes[allNotes.length - 1]?.realKey || realKey;
  624. }
  625. }
  626. // 2-6 第三小节指法按照第一个音符显示
  627. const filterIds = ["900", "901", "640", "641", "739", "740", "800", "801", "773", "774", "869", "872", "714", "715"];
  628. if (filterIds.includes(detailId)) {
  629. if (detail.firstVerticalMeasure?.measureNumber === 3 || detail.firstVerticalMeasure?.measureNumber === 9) {
  630. return detail.measures[0]?.realKey || realKey;
  631. }
  632. }
  633. return realKey;
  634. };
  635. if (!osmd.cursor) return [];
  636. const iterator: any = osmd.cursor.Iterator;
  637. // console.log("🚀 ~ iterator:", iterator)
  638. console.time("音符跑完时间");
  639. let i = 0;
  640. let si = 0;
  641. let measures: any[] = [];
  642. let stepSpeeds: number[] = [];
  643. /** 弱起时间 */
  644. let difftime = 0;
  645. let usetime = 0;
  646. let relaMeasureLength = 0;
  647. let beatUnit = "quarter";
  648. let gradualSpeed;
  649. let gradualChange: GradualChange | undefined;
  650. let gradualChangeIndex = 0;
  651. let totalMultipleRestMeasures = 0;
  652. let multipleRestMeasures = 0;
  653. const _notes = [] as any[];
  654. if (state.gradualTimes) {
  655. console.log("后台设置的渐慢小节时间", state.gradual, state.gradualTimes);
  656. }
  657. let currentTimeStamp = iterator.currentTimeStamp.RealValue;
  658. const currentTimes = [] as any[];
  659. let isSetNextNoteReal = false;
  660. let differFrom = 0;
  661. while (!iterator.EndReached) {
  662. // console.log({ ...iterator });
  663. const voiceEntries = iterator.CurrentVoiceEntries?.[0] ? [iterator.CurrentVoiceEntries?.[0]] : [];
  664. let currentVoiceEntries: any[] = [];
  665. // 单声部多声轨
  666. if (state.multitrack > 0) {
  667. currentVoiceEntries = [...iterator.CurrentVoiceEntries];
  668. } else {
  669. currentVoiceEntries = [...iterator.CurrentVoiceEntries].filter((n) => {
  670. return n && n?.ParentVoice?.VoiceId != 1;
  671. });
  672. }
  673. let currentTime = 0;
  674. let isDouble = false;
  675. let isMutileSubject = false;
  676. if (currentVoiceEntries.length && !isSetNextNoteReal) {
  677. isDouble = true;
  678. let voiceNotes = [...iterator.CurrentVoiceEntries].reduce((notes, n) => {
  679. notes.push(...n.Notes);
  680. return notes;
  681. }, [] as any);
  682. voiceNotes = voiceNotes.sort((a: any, b: any) => a?.length?.realValue - b?.length?.realValue);
  683. currentTime = voiceNotes?.[0]?.length?.realValue || 0;
  684. if (state.multitrack > 0 && currentVoiceEntries.length === 2) {
  685. const min = voiceNotes[0]?.length?.realValue || 0;
  686. const max = voiceNotes[voiceNotes.length - 1]?.length?.realValue || 0;
  687. differFrom = max - min;
  688. isSetNextNoteReal = differFrom === 0 ? false : true;
  689. }
  690. }
  691. // 多声部上下音符没对齐,光标多走一拍
  692. if (_notes[_notes.length - 1]?.isDouble && !currentVoiceEntries.length) {
  693. isMutileSubject = true;
  694. }
  695. if (state.multitrack > 0 && !isDouble && isSetNextNoteReal) {
  696. isDouble = true;
  697. currentTime = differFrom;
  698. isSetNextNoteReal = false;
  699. differFrom = 0;
  700. }
  701. currentTimes.push(iterator.currentTimeStamp.realValue - currentTimeStamp);
  702. currentTimeStamp = iterator.currentTimeStamp.realValue;
  703. for (const v of voiceEntries) {
  704. let note = v.notes[0];
  705. if (note.IsGraceNote) {
  706. // 如果是装饰音, 取不是装饰音的时值
  707. const voice = note.parentStaffEntry.voiceEntries.find((_v: any) => !_v.isGrace);
  708. note = voice.notes[0];
  709. }
  710. note.fixedKey = note.ParentVoiceEntry.ParentVoice.Parent.SubInstruments[0].fixedKey || 0;
  711. // 有倚音
  712. if (note?.voiceEntry?.isGrace) {
  713. isDouble = true;
  714. let ns = [...iterator.currentVoiceEntries].reduce((notes, n) => {
  715. notes.push(...n.notes);
  716. return notes;
  717. }, []);
  718. ns = ns.sort((a: any, b: any) => b?.length?.realValue - a?.length?.realValue);
  719. currentTime = currentTime != 0 ? Math.min(ns?.[0]?.length?.realValue, currentTime) : ns?.[0]?.length?.realValue;
  720. }
  721. if (state.multitrack > 0 && currentTime > note.length.realValue) {
  722. currentTime = note.length.realValue;
  723. }
  724. _notes.push({
  725. note,
  726. iterator: { ...iterator },
  727. currentTime,
  728. isDouble,
  729. isMutileSubject,
  730. });
  731. }
  732. iterator.moveToNextVisibleVoiceEntry(false);
  733. }
  734. for (let { note, iterator, currentTime, isDouble, isMutileSubject } of _notes) {
  735. if (note) {
  736. if (si === 0) {
  737. allMeasures.push(note.sourceMeasure);
  738. }
  739. if (si === 0 && state.isSpecialBookCategory) {
  740. for (const expression of (note.sourceMeasure as SourceMeasure)?.TempoExpressions) {
  741. if (expression?.InstantaneousTempo?.beatUnit) {
  742. // 取最后一个有效的tempo
  743. beatUnit = expression.InstantaneousTempo.beatUnit;
  744. }
  745. }
  746. }
  747. let measureSpeed = note.sourceMeasure.tempoInBPM;
  748. const { metronomeNoteIndex } = iterator.currentMeasure;
  749. if (metronomeNoteIndex !== 0 && metronomeNoteIndex > si) {
  750. measureSpeed = allNotes[allNotes.length - 1]?.speed || 100;
  751. }
  752. const activeVerticalMeasureList = [note.sourceMeasure.verticalMeasureList?.[0]] || [];
  753. const { realValue } = iterator.currentTimeStamp;
  754. const { RealValue: vRealValue, Denominator: vDenominator } = formatDuration(
  755. iterator.currentMeasure.activeTimeSignature,
  756. iterator.currentMeasure.duration
  757. );
  758. let { wholeValue, numerator, denominator, realValue: NoteRealValue } = note.length;
  759. if (customNoteRealValue[i]) {
  760. // console.log(NoteRealValue, customNoteRealValue[i])
  761. NoteRealValue = customNoteRealValue[i];
  762. }
  763. if (isDouble && currentTime > 0) {
  764. if (currentTime != NoteRealValue) {
  765. console.log(`小节 ${note.sourceMeasure.MeasureNumberXML} 替换: noteLength: ${NoteRealValue}, 最小: ${currentTime}`);
  766. NoteRealValue = currentTime;
  767. }
  768. }
  769. // note.sourceMeasure.MeasureNumberXML === 8 && console.error(`小节 ${note.sourceMeasure.MeasureNumberXML}`, NoteRealValue)
  770. // 管乐迷,按自定义按读取到的音符时值
  771. if (customNoteCurrentTime) {
  772. if (isMutileSubject && currentTimes[i + 1] > 0 && NoteRealValue > currentTimes[i + 1]) {
  773. console.log(NoteRealValue, currentTimes[i + 1])
  774. NoteRealValue = currentTimes[i + 1];
  775. }
  776. }
  777. let relativeTime = usetime;
  778. // 速度不能为0 此处的速度应该是按照设置的速度而不是校准后的速度,否则mp3速度不对
  779. let beatSpeed = (state.isSpecialBookCategory ? measureSpeed : baseSpeed) || 1;
  780. // 如果有节拍器,需要将节拍器的时间算出来
  781. if (i === 0) {
  782. fixtime += getFixTime(beatSpeed);
  783. state.fixtime = fixtime;
  784. // console.log("fixtime:", fixtime, '速度:', beatSpeed, "state.isSpecialBookCategory:", state.isSpecialBookCategory, 'state.isOpenMetronome:', state.isOpenMetronome);
  785. }
  786. // console.log(getTimeByBeatUnit(beatUnit, measureSpeed, iterator.currentMeasure.activeTimeSignature.Denominator))
  787. let gradualLength = 0;
  788. let speed = (state.isSpecialBookCategory ? measureSpeed : baseSpeed) || 1;
  789. gradualChange = iterator.currentMeasure.speedInfo || gradualChange;
  790. gradualSpeed = osmd.Sheet.SoundTempos?.get(note.sourceMeasure.measureListIndex) || gradualSpeed;
  791. if (!gradualSpeed || gradualSpeed.length < 2) {
  792. gradualSpeed = createSpeedInfo(gradualChange, speed);
  793. }
  794. // console.log({...iterator.currentMeasure},gradualChange, gradualSpeed)
  795. const measureListIndex = iterator.currentMeasure.measureListIndex;
  796. // 计算相差时间按照比例分配到所有音符上
  797. if (state.gradualTimes && Object.keys(state.gradualTimes).length > 0) {
  798. const withInRangeNote = state.gradual.find((item, index) => {
  799. const nextItem: any = state.gradual[index + 1];
  800. return (
  801. item[0].measureIndex <= measureListIndex &&
  802. item[1]?.measureIndex! >= measureListIndex &&
  803. (!nextItem || nextItem?.[0].measureIndex !== measureListIndex)
  804. );
  805. });
  806. const [first, last] = withInRangeNote || [];
  807. if (first && last) {
  808. // 小节数量
  809. const continuous = last.measureIndex - first.measureIndex;
  810. // 开始小节内
  811. const inTheFirstMeasure = first.closedMeasureIndex == measureListIndex && si >= first.noteInMeasureIndex;
  812. // 结束小节内
  813. const inTheLastMeasure = last.closedMeasureIndex === measureListIndex && si < last.noteInMeasureIndex;
  814. // 范围内小节
  815. const inFiestOrLastMeasure = first.closedMeasureIndex !== measureListIndex && last.closedMeasureIndex !== measureListIndex;
  816. if (inTheFirstMeasure || inTheLastMeasure || inFiestOrLastMeasure) {
  817. const startTime = state.gradualTimes[first.measureIndex];
  818. const endTime = state.gradualTimes[last.measureIndex];
  819. if (startTime && endTime) {
  820. const times = continuous - first.leftDuration / first.allDuration + last.leftDuration / last.allDuration;
  821. const diff = dayjs(tranTime(endTime)).diff(dayjs(tranTime(startTime)), "millisecond");
  822. gradualLength = ((NoteRealValue / vRealValue / times) * diff) / 1000;
  823. }
  824. }
  825. }
  826. } else if (state.appName === "GYM" && gradualChange && gradualSpeed && (gradualChange.startXmlNoteIndex === si || gradualChangeIndex > 0)) {
  827. const startSpeed = gradualSpeed[0] - (gradualSpeed[1] - gradualSpeed[0]);
  828. const { resetXmlNoteIndex, endXmlNoteIndex } = gradualChange;
  829. const noteDiff = endXmlNoteIndex;
  830. let stepSpeed = (gradualSpeed[gradualSpeed.length - 1] - startSpeed) / noteDiff;
  831. stepSpeed = note.DotsXml ? stepSpeed / 1.5 : stepSpeed;
  832. if (gradualChangeIndex < noteDiff) {
  833. const tempSpeed = Math.ceil(speed + stepSpeed * gradualChangeIndex);
  834. let tmpSpeed = getTimeByBeatUnit(beatUnit, tempSpeed, iterator.currentMeasure.activeTimeSignature.Denominator);
  835. const maxLength = (wholeValue + numerator / denominator) * vDenominator * (60 / tmpSpeed);
  836. // speed += stepSpeeds.reduce((a, b) => a + b, 0)
  837. speed += Math.ceil(stepSpeed * (gradualChangeIndex + 1));
  838. tmpSpeed = getTimeByBeatUnit(beatUnit, speed, iterator.currentMeasure.activeTimeSignature.Denominator);
  839. const minLength = (wholeValue + numerator / denominator) * vDenominator * (60 / tmpSpeed);
  840. gradualLength = (maxLength + minLength) / 2;
  841. } else if (resetXmlNoteIndex > gradualChangeIndex) {
  842. speed = allNotes[i - 1]?.speed;
  843. }
  844. beatSpeed =
  845. (state.isSpecialBookCategory ? getTimeByBeatUnit(beatUnit, speed, iterator.currentMeasure.activeTimeSignature.Denominator) : baseSpeed) || 1;
  846. const isEnd = !(gradualChangeIndex < noteDiff) && !(resetXmlNoteIndex > gradualChangeIndex);
  847. gradualChangeIndex++;
  848. if (isEnd) {
  849. gradualChangeIndex = 0;
  850. gradualChange = undefined;
  851. gradualSpeed = undefined;
  852. stepSpeeds = [];
  853. }
  854. }
  855. const _noteLength = NoteRealValue;
  856. let noteLength = gradualLength ? gradualLength : Math.min(vRealValue, NoteRealValue) * formatBeatUnit(beatUnit) * (60 / beatSpeed);
  857. const measureLength = vRealValue * vDenominator * (60 / beatSpeed);
  858. // console.table({value: iterator.currentTimeStamp.realValue, vRealValue,NoteRealValue, noteLength,measureLength, MeasureNumberXML: note.sourceMeasure.MeasureNumberXML})
  859. // console.log(i, Math.min(vRealValue, NoteRealValue),noteLength,gradualLength, formatBeatUnit(beatUnit),beatSpeed, NoteRealValue * formatBeatUnit(beatUnit) * (60 / beatSpeed) )
  860. usetime += noteLength;
  861. relaMeasureLength += noteLength;
  862. let relaEndtime = noteLength + relativeTime;
  863. const fixedKey = note.fixedKey || 0;
  864. const svgElement = activeVerticalMeasureList[0]?.vfVoices["1"]?.tickables[si];
  865. // console.log(note.sourceMeasure.MeasureNumberXML,note,svgElement, NoteRealValue, measureLength)
  866. if (allNotes.length && allNotes[allNotes.length - 1].relativeTime === relativeTime) {
  867. continue;
  868. }
  869. // console.log(iterator.currentMeasure)
  870. // 如果是弱起就补齐缺省的时长
  871. if (i === 0) {
  872. let _firstMeasureRealValue = 0;
  873. const staffEntries = note.sourceMeasure.verticalMeasureList?.[0]?.staffEntries || [];
  874. //计算第一个小节里面的音符时值是否等于整个小节的时值
  875. staffEntries.forEach((_a: any) => {
  876. if (_a?.sourceStaffEntry?.voiceEntries?.[0]?.notes?.[0]?.length?.realValue) {
  877. _firstMeasureRealValue += _a.sourceStaffEntry.voiceEntries[0].notes[0].length.realValue;
  878. }
  879. });
  880. if (_firstMeasureRealValue < vRealValue) {
  881. // console.log(_firstMeasureRealValue, vRealValue)
  882. // 如果是弱起,将整个小节的时值减去音符的时值,就是缺省的时值
  883. difftime = measureLength - noteLength;
  884. }
  885. if (difftime > 0) {
  886. fixtime += difftime;
  887. }
  888. // 管乐迷 diff获取不准确时, 弱起补齐
  889. if (["2589", "2561", "2560", "2559", "2558", "2556", "2555", "2554"].includes(detailId)) {
  890. // difftime = iterator.currentTimeStamp.realValue * formatBeatUnit(beatUnit) * (60 / beatSpeed);
  891. // fixtime += difftime;
  892. }
  893. }
  894. let stave = activeVerticalMeasureList[0]?.stave;
  895. if (note.sourceMeasure.multipleRestMeasures) {
  896. totalMultipleRestMeasures = note.sourceMeasure.multipleRestMeasures;
  897. multipleRestMeasures = 0;
  898. }
  899. if (multipleRestMeasures < totalMultipleRestMeasures) {
  900. multipleRestMeasures++;
  901. } else {
  902. multipleRestMeasures = 0;
  903. totalMultipleRestMeasures = 0;
  904. }
  905. // console.log(note.tie)
  906. // console.log(relaEndtime, fixtime, '时间')
  907. const nodeDetail = {
  908. isStaccato: note.voiceEntry.isStaccato(),
  909. isRestFlag: note.isRestFlag,
  910. noteId: note.NoteToGraphicalNoteObjectId,
  911. measureListIndex: note.sourceMeasure.measureListIndex,
  912. MeasureNumberXML: note.sourceMeasure.MeasureNumberXML,
  913. _noteLength: _noteLength,
  914. svgElement: svgElement,
  915. frequency: note?.pitch?.frequency || -1,
  916. nextFrequency: note?.pitch?.nextFrequency || -1,
  917. prevFrequency: note?.pitch?.prevFrequency || -1,
  918. difftime,
  919. octaveOffset: activeVerticalMeasureList[0]?.octaveOffset,
  920. speed,
  921. beatSpeed,
  922. i,
  923. si,
  924. stepSpeeds,
  925. measureOpenIndex: allMeasures.length - 1,
  926. measures,
  927. tempoInBPM: note.sourceMeasure.tempoInBPM,
  928. measureLength,
  929. relaMeasureLength,
  930. id: svgElement?.attrs.id,
  931. note: note.halfTone + 12, // see issue #224
  932. relativeTime: retain(relativeTime),
  933. time: retain(relativeTime + fixtime),
  934. endtime: retain(relaEndtime + fixtime),
  935. relaEndtime: retain(relaEndtime),
  936. realValue,
  937. halfTone: note.halfTone,
  938. noteElement: note,
  939. fixedKey,
  940. realKey: 0,
  941. duration: 0,
  942. formatLyricsEntries: formatLyricsEntries(note),
  943. stave,
  944. firstVerticalMeasure: activeVerticalMeasureList[0],
  945. noteLength: 1,
  946. osdmContext: osmd,
  947. speedbeatUnit: beatUnit,
  948. multipleRestMeasures: multipleRestMeasures,
  949. };
  950. nodeDetail.realKey = formatRealKey(note.halfTone - fixedKey * 12, nodeDetail);
  951. nodeDetail.duration = nodeDetail.endtime - nodeDetail.time;
  952. let tickables = activeVerticalMeasureList[0]?.vfVoices["1"]?.tickables || [];
  953. if ([121].includes(state.subjectId)) {
  954. tickables = note.sourceMeasure.verticalSourceStaffEntryContainers;
  955. }
  956. // console.log(note.sourceMeasure.MeasureNumberXML, note.sourceMeasure.verticalSourceStaffEntryContainers.length)
  957. nodeDetail.noteLength = tickables.length || 1;
  958. allNotes.push(nodeDetail);
  959. allNoteId.push(nodeDetail.id);
  960. measures.push(nodeDetail);
  961. if (si < tickables.length - 1) {
  962. si++;
  963. } else {
  964. si = 0;
  965. relaMeasureLength = 0;
  966. measures = [];
  967. }
  968. }
  969. i++;
  970. }
  971. // 按照时间轴排序
  972. const sortArray = allNotes.sort((a, b) => a.relativeTime - b.relativeTime).map((item, index) => ({ ...item, i: index }));
  973. console.timeEnd("音符跑完时间");
  974. try {
  975. osmd.cursor.reset();
  976. } catch (error) {}
  977. state.activeMeasureIndex = sortArray[0].MeasureNumberXML;
  978. return sortArray;
  979. };
  980. /** 获取小节之间的连音线,仅同音高*/
  981. export const getNoteByMeasuresSlursStart = (note: any) => {
  982. let activeNote = note;
  983. let tieNote;
  984. if (note.noteElement.tie && note.noteElement.tie.StartNote) {
  985. tieNote = note.noteElement.tie.StartNote;
  986. }
  987. if (activeNote && tieNote && tieNote !== activeNote.noteElement) {
  988. for (const note of state.times) {
  989. if (tieNote === note.noteElement) {
  990. return note;
  991. }
  992. }
  993. }
  994. return activeNote;
  995. };