formateMusic.ts 71 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779
  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. */
  21. const hideSpeedWords: string[] = ["中速"];
  22. /**
  23. * 获取节拍器的时间
  24. * @param speed 速度
  25. * @param firstMeasure 曲谱第一个小节
  26. * @returns 节拍器的时间
  27. */
  28. export const getFixTime = (speed: number) => {
  29. const duration: any = getDuration(state.osmd as unknown as OpenSheetMusicDisplay);
  30. let numerator = duration.numerator || 0;
  31. let denominator = duration.denominator || 4;
  32. const beatUnit = duration.beatUnit || "quarter";
  33. // if (state.repeatedBeats) {
  34. // // 音频制作问题仅2拍不重复
  35. // numerator = numerator === 2 ? 4 : numerator;
  36. // } else if (numerator === 2 && denominator === 4) {
  37. // numerator = 4
  38. // }
  39. // 重复节拍,拍数*2进行计算
  40. if (state.repeatedBeats) {
  41. numerator = numerator*2;
  42. }
  43. // console.log('diff', speed, duration, formatBeatUnit(beatUnit), denominator, numerator, (numerator / denominator))
  44. return (60 / speed) * formatBeatUnit(beatUnit) * (numerator / denominator);
  45. };
  46. export const retain = (time: number) => {
  47. return Math.ceil(time * 1000000) / 1000000;
  48. };
  49. export const formatLyricsEntries = (note: any) => {
  50. const voiceEntries = note.parentStaffEntry?.voiceEntries || [];
  51. const lyricsEntries: string[] = [];
  52. for (const voic of voiceEntries) {
  53. if (voic.lyricsEntries?.table) {
  54. const values: any[] = Object.values(voic.lyricsEntries.table);
  55. for (const lyric of values) {
  56. lyricsEntries.push(lyric?.value.text);
  57. }
  58. }
  59. }
  60. return lyricsEntries;
  61. };
  62. export const getMeasureDurationDiff = (measure: any) => {
  63. const { realValue: SRealValue } = measure.activeTimeSignature;
  64. const { realValue: RRealValue } = measure.duration;
  65. return SRealValue - RRealValue;
  66. };
  67. /** 按照dorico的渐快渐慢生成对应的速度 */
  68. export const createSpeedInfo = (gradualChange: GradualChange | undefined, speed: number) => {
  69. if (gradualChange && speedInfo[gradualChange.startWord?.toLocaleLowerCase()]) {
  70. const notenum = Math.max(gradualChange.endXmlNoteIndex, 3);
  71. const speeds: number[] = [];
  72. const startSpeed = speed;
  73. const endSpeed = speed / speedInfo[gradualChange.startWord?.toLocaleLowerCase()];
  74. for (let index = 0; index < notenum; index++) {
  75. const speed = startSpeed + ((endSpeed - startSpeed) / notenum) * (index + 1);
  76. speeds.push(speed);
  77. }
  78. return speeds;
  79. }
  80. return;
  81. };
  82. const tranTime = (str: string = "") => {
  83. let result = str;
  84. const splits = str.split(":");
  85. if (splits.length === 1) {
  86. result = `00:${splits[0]}:00`;
  87. } else if (splits.length === 2) {
  88. result = `00:${splits[0]}:${splits[1]}`;
  89. }
  90. // console.log(`1970-01-01 00:${result}0`)
  91. return `1970-01-01 00:${result}0`;
  92. };
  93. export const getSlursNote = (note: any, pos?: "start" | "end") => {
  94. return pos === "end" ? note.noteElement.slurs[0]?.endNote : note.noteElement.slurs[0]?.startNote;
  95. };
  96. export const getNoteBySlursStart = (note: any, anyNoteHasSlurs?: boolean, pos?: "start" | "end") => {
  97. let activeNote = note;
  98. let slursNote = getSlursNote(activeNote, pos);
  99. for (const item of activeNote.measures) {
  100. if (item.noteElement.slurs.length) {
  101. slursNote = getSlursNote(item, pos);
  102. activeNote = item;
  103. }
  104. }
  105. return activeNote;
  106. };
  107. /** 根据 noteElement 获取note */
  108. export const getParentNote = (note: any) => {
  109. let parentNote;
  110. if (note) {
  111. // time = activeNote.time
  112. for (const n of state.times) {
  113. if (note === n.noteElement) {
  114. // console.log(note)
  115. return n;
  116. }
  117. }
  118. }
  119. return parentNote;
  120. };
  121. export type FractionDefault = {
  122. numerator: number;
  123. denominator: number;
  124. wholeValue: number;
  125. };
  126. export type Duration = FractionDefault & {
  127. TempoInBPM: number;
  128. beatUnit: string;
  129. };
  130. export const getDuration = (osmd?: OpenSheetMusicDisplay): Duration => {
  131. if (osmd) {
  132. const { Duration, TempoInBPM, ActiveTimeSignature, TempoExpressions } = osmd.GraphicSheet.MeasureList[0][0]?.parentSourceMeasure;
  133. if (Duration) {
  134. let beatUnit = "quarter";
  135. for (const item of TempoExpressions) {
  136. beatUnit = item.InstantaneousTempo.beatUnit || "quarter";
  137. }
  138. const duration = formatDuration(ActiveTimeSignature, Duration) as unknown as FractionDefault;
  139. return {
  140. ...duration,
  141. TempoInBPM,
  142. beatUnit,
  143. };
  144. }
  145. }
  146. const duration = new Fraction() as unknown as FractionDefault;
  147. return {
  148. ...duration,
  149. TempoInBPM: 90,
  150. beatUnit: "quarter",
  151. };
  152. };
  153. export function formatDuration(activeTimeSignature: Fraction, duration: Fraction): Fraction {
  154. // 弱起第一小节duration不对
  155. return activeTimeSignature;
  156. }
  157. export function formatBeatUnit(beatUnit: string) {
  158. let multiple = 4;
  159. switch (beatUnit) {
  160. case "1024th":
  161. // bpm = bpm;
  162. multiple = 1024;
  163. break;
  164. case "512th":
  165. // divisionsFromNote = (noteDuration / 4) * 512;
  166. multiple = 512;
  167. break;
  168. case "256th":
  169. // divisionsFromNote = (noteDuration / 4) * 256;
  170. multiple = 256;
  171. break;
  172. case "128th":
  173. // divisionsFromNote = (noteDuration / 4) * 128;
  174. multiple = 128;
  175. break;
  176. case "64th":
  177. // divisionsFromNote = (noteDuration / 4) * 64;
  178. multiple = 64;
  179. break;
  180. case "32nd":
  181. // divisionsFromNote = (noteDuration / 4) * 32;
  182. multiple = 32;
  183. break;
  184. case "16th":
  185. // divisionsFromNote = (noteDuration / 4) * 16;
  186. multiple = 16;
  187. break;
  188. case "eighth":
  189. // divisionsFromNote = (noteDuration / 4) * 8;
  190. multiple = 8;
  191. break;
  192. case "quarter":
  193. multiple = 4;
  194. break;
  195. case "half":
  196. // divisionsFromNote = (noteDuration / 4) * 2;
  197. multiple = 2;
  198. break;
  199. case "whole":
  200. // divisionsFromNote = (noteDuration / 4);
  201. multiple = 1;
  202. break;
  203. case "breve":
  204. // divisionsFromNote = (noteDuration / 4) / 2;
  205. multiple = 0.5;
  206. break;
  207. case "long":
  208. // divisionsFromNote = (noteDuration / 4) / 4;
  209. multiple = 0.25;
  210. break;
  211. case "maxima":
  212. // divisionsFromNote = (noteDuration / 4) / 8;
  213. multiple = 0.125;
  214. break;
  215. default:
  216. break;
  217. }
  218. return multiple;
  219. }
  220. /** 根据音符单位,速度,几几拍计算正确的时间 */
  221. export function getTimeByBeatUnit(beatUnit: string, bpm: number, denominator: number) {
  222. return (denominator / formatBeatUnit(beatUnit)) * bpm;
  223. }
  224. export type CustomInfo = {
  225. showSpeed: boolean;
  226. parsedXML: string;
  227. };
  228. /** 从xml中获取自定义信息,并删除多余的字符串 */
  229. export const getCustomInfo = (xml: string): CustomInfo => {
  230. const data = {
  231. showSpeed: true,
  232. parsedXML: xml,
  233. };
  234. const xmlParse = new DOMParser().parseFromString(xml, "text/xml");
  235. const words: any = xmlParse.getElementsByTagName("words");
  236. for (const word of words) {
  237. if (word && word.textContent?.trim() === "隐藏速度") {
  238. data.showSpeed = false;
  239. word.textContent = "";
  240. }
  241. if (word && word.textContent?.trim() === "@") {
  242. word.textContent = "segno";
  243. }
  244. }
  245. data.parsedXML = new XMLSerializer().serializeToString(xmlParse);
  246. return data;
  247. };
  248. /**
  249. * 替换文本标签中的内容
  250. */
  251. const replaceTextConent = (beforeText: string, afterText: string, ele: Element): Element => {
  252. const words: any = ele?.getElementsByTagName("words");
  253. for (const word of words) {
  254. if (word && word.textContent?.trim() === beforeText) {
  255. word.textContent = afterText;
  256. }
  257. }
  258. return ele;
  259. };
  260. /**
  261. * 添加第一分谱信息至当前分谱
  262. * @param ele 需要插入的元素
  263. * @param fitstParent 合奏谱第一个分谱
  264. * @param parent 需要添加的分谱
  265. */
  266. const setElementNoteBefore = (ele: Element, fitstParent: Element, parent?: Element | null) => {
  267. let noteIndex: number = 0;
  268. if (!fitstParent) {
  269. return;
  270. }
  271. for (let index = 0; index < fitstParent.childNodes.length; index++) {
  272. const element = fitstParent.childNodes[index];
  273. if (element.nodeName === "note") {
  274. noteIndex++;
  275. }
  276. if (element === ele) {
  277. break;
  278. }
  279. }
  280. if (noteIndex === 0 && parent) {
  281. parent.insertBefore(ele, parent.childNodes[0]);
  282. return;
  283. }
  284. if (parent && parent.childNodes.length > 0) {
  285. let noteIndex2: number = 0;
  286. const notes = Array.from(parent.childNodes).filter((child) => child.nodeName === "note");
  287. const lastNote = notes[notes.length - 1];
  288. if (noteIndex >= notes.length && lastNote) {
  289. parent.insertBefore(ele, parent.childNodes[Array.from(parent.childNodes).indexOf(lastNote)]);
  290. return;
  291. }
  292. for (let index = 0; index < notes.length; index++) {
  293. const element = notes[index];
  294. if (element.nodeName === "note") {
  295. noteIndex2 = noteIndex2 + 1;
  296. if (noteIndex2 === noteIndex) {
  297. parent.insertBefore(ele, element);
  298. break;
  299. }
  300. }
  301. }
  302. }
  303. // console.log(noteIndex, parent)
  304. };
  305. /**
  306. * 检查传入文字是否为重复关键词
  307. * @param text 总谱xml
  308. * @returns 是否是重复关键词
  309. */
  310. export const isRepeatWord = (text: string): boolean => {
  311. if (text) {
  312. const innerText = text.toLocaleLowerCase();
  313. const dsRegEx: string = "d\\s?\\.s\\.";
  314. const dcRegEx: string = "d\\.\\s?c\\.";
  315. return (
  316. innerText === "@" ||
  317. StringUtil.StringContainsSeparatedWord(innerText, dsRegEx + " al fine", true) ||
  318. StringUtil.StringContainsSeparatedWord(innerText, dsRegEx + " al coda", true) ||
  319. StringUtil.StringContainsSeparatedWord(innerText, dcRegEx + " al fine", true) ||
  320. StringUtil.StringContainsSeparatedWord(innerText, dcRegEx + " al coda", true) ||
  321. StringUtil.StringContainsSeparatedWord(innerText, dcRegEx) ||
  322. StringUtil.StringContainsSeparatedWord(innerText, "da\\s?capo", true) ||
  323. StringUtil.StringContainsSeparatedWord(innerText, dsRegEx, true) ||
  324. StringUtil.StringContainsSeparatedWord(innerText, "dal\\s?segno", true) ||
  325. StringUtil.StringContainsSeparatedWord(innerText, "al\\s?coda", true) ||
  326. StringUtil.StringContainsSeparatedWord(innerText, "to\\s?coda", true) ||
  327. StringUtil.StringContainsSeparatedWord(innerText, "a (la )?coda", true) ||
  328. StringUtil.StringContainsSeparatedWord(innerText, "fine", true) ||
  329. StringUtil.StringContainsSeparatedWord(innerText, "coda", true) ||
  330. StringUtil.StringContainsSeparatedWord(innerText, "segno", true)
  331. );
  332. }
  333. return false;
  334. };
  335. export const onlyVisible = (xml: string, partIndex: number): string => {
  336. if (!xml) return "";
  337. // console.log('原始xml')
  338. const detailId = state.examSongId + "";
  339. const xmlParse = new DOMParser().parseFromString(xml, "text/xml");
  340. const partList = xmlParse.getElementsByTagName("part-list")?.[0]?.getElementsByTagName("score-part") || [];
  341. const partListNames = Array.from(partList).map((item) => item.getElementsByTagName("part-name")?.[0]?.textContent?.trim() || "");
  342. const parts: any = xmlParse.getElementsByTagName("part");
  343. // const firstTimeInfo = parts[0]?.getElementsByTagName('metronome')[0]?.parentElement?.parentElement?.cloneNode(true)
  344. const firstMeasures = [...parts[0]?.getElementsByTagName("measure")];
  345. const metronomes = [...parts[0]?.getElementsByTagName("metronome")];
  346. const words = [...parts[0]?.getElementsByTagName("words")];
  347. const codas = [...parts[0]?.getElementsByTagName("coda")];
  348. const rehearsals = [...parts[0]?.getElementsByTagName("rehearsal")];
  349. /** 第一分谱如果是约定的配置分谱则跳过 */
  350. if (partListNames[0]?.toLocaleUpperCase?.() === "COMMON") {
  351. partIndex++;
  352. partListNames.shift();
  353. }
  354. const visiblePartInfo = partList[partIndex];
  355. // console.log(visiblePartInfo, partIndex)
  356. // 根据后台已选择的分轨筛选出能切换的声轨
  357. state.partListNames = partListNames;
  358. // console.log('分轨名称',state.partListNames)
  359. if (visiblePartInfo) {
  360. const id = visiblePartInfo.getAttribute("id");
  361. Array.from(parts).forEach((part: any) => {
  362. if (part && part.getAttribute("id") !== id) {
  363. part.parentNode?.removeChild(part);
  364. // 不等于第一行才添加避免重复添加
  365. } else if (part && part.getAttribute("id") !== "P1") {
  366. // 速度标记仅保留最后一个
  367. const metronomeData: {
  368. [key in string]: Element;
  369. } = {};
  370. for (let i = 0; i < metronomes.length; i++) {
  371. const metronome = metronomes[i];
  372. const metronomeContainer = metronome.parentElement?.parentElement?.parentElement;
  373. if (metronomeContainer) {
  374. const index = firstMeasures.indexOf(metronomeContainer);
  375. metronomeData[index] = metronome;
  376. }
  377. }
  378. Object.values(metronomeData).forEach((metronome) => {
  379. const metronomeContainer: any = metronome.parentElement?.parentElement;
  380. const parentMeasure: any = metronomeContainer?.parentElement;
  381. const measureMetronomes = [...(parentMeasure?.childNodes || [])];
  382. const metronomesIndex = metronomeContainer ? measureMetronomes.indexOf(metronomeContainer) : -1;
  383. // console.log(parentMeasure)
  384. if (parentMeasure && metronomesIndex > -1) {
  385. const index = firstMeasures.indexOf(parentMeasure);
  386. const activeMeasure = part.getElementsByTagName("measure")[index];
  387. setElementNoteBefore(metronomeContainer, parentMeasure, activeMeasure);
  388. }
  389. });
  390. /** word比较特殊需要精确到note位置 */
  391. words.forEach((word) => {
  392. let text = word.textContent || "";
  393. text = ["cresc."].includes(text) ? "" : text;
  394. if ((isSpecialMark(text) || isSpeedKeyword(text) || isGradientWords(text) || isRepeatWord(text) || GRADIENT_SPEED_RESET_TAG) && text) {
  395. const wordContainer = word.parentElement?.parentElement;
  396. const parentMeasure = wordContainer?.parentElement;
  397. const measureWords = [...(parentMeasure?.childNodes || [])];
  398. const wordIndex = wordContainer ? measureWords.indexOf(wordContainer) : -1;
  399. if (wordContainer && parentMeasure && wordIndex > -1) {
  400. const index = firstMeasures.indexOf(parentMeasure);
  401. const activeMeasure = part.getElementsByTagName("measure")[index];
  402. // 找当前小节是否包含word标签
  403. const _words = Array.from(activeMeasure?.getElementsByTagName("words") || []);
  404. // 遍历word标签,检查是否和第一小节重复,如果有重复则不平移word
  405. const total = _words.reduce((total: any, _word: any) => {
  406. if (_word.textContent?.includes(text)) {
  407. total++;
  408. }
  409. return total;
  410. }, 0);
  411. if (total === 0) {
  412. if (["12280"].includes(detailId)) {
  413. activeMeasure?.insertBefore(wordContainer.cloneNode(true), activeMeasure?.childNodes[wordIndex]);
  414. } else {
  415. setElementNoteBefore(wordContainer, parentMeasure, activeMeasure);
  416. }
  417. }
  418. }
  419. }
  420. });
  421. /** word比较特殊需要精确到note位置 */
  422. codas.forEach((coda) => {
  423. const wordContainer = coda.parentElement?.parentElement;
  424. const parentMeasure = wordContainer?.parentElement;
  425. const measureWords = [...(parentMeasure?.childNodes || [])];
  426. const wordIndex = wordContainer ? measureWords.indexOf(wordContainer) : -1;
  427. if (wordContainer && parentMeasure && wordIndex > -1) {
  428. const index = firstMeasures.indexOf(parentMeasure);
  429. const activeMeasure = part.getElementsByTagName("measure")[index];
  430. if (["12280"].includes(detailId)) {
  431. activeMeasure?.insertBefore(wordContainer.cloneNode(true), activeMeasure?.childNodes[wordIndex]);
  432. } else {
  433. setElementNoteBefore(wordContainer, parentMeasure, activeMeasure);
  434. }
  435. }
  436. });
  437. rehearsals.forEach((rehearsal) => {
  438. const container = rehearsal.parentElement?.parentElement;
  439. const parentMeasure = container?.parentElement;
  440. // console.log(rehearsal)
  441. if (parentMeasure) {
  442. const index = firstMeasures.indexOf(parentMeasure);
  443. part.getElementsByTagName("measure")[index]?.appendChild(container.cloneNode(true));
  444. // console.log(index, parentMeasure, firstMeasures.indexOf(parentMeasure))
  445. }
  446. });
  447. } else {
  448. words.forEach((word, idx) => {
  449. const text = word.textContent || "";
  450. // if (idx == 0 && text) {
  451. // word.textContent = '测试一下'
  452. // word.setAttribute('default-y',60)
  453. // word.setAttribute('margin-left',300)
  454. // word.setAttribute('y',300)
  455. // 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>'
  456. // }
  457. if (isSpeedKeyword(text) && text) {
  458. const wordContainer = word.parentElement?.parentElement?.parentElement;
  459. if (wordContainer && wordContainer.firstElementChild && wordContainer.firstElementChild !== word) {
  460. const wordParent = word.parentElement?.parentElement;
  461. const fisrt = wordContainer.firstElementChild;
  462. wordContainer.insertBefore(wordParent, fisrt);
  463. }
  464. }
  465. });
  466. }
  467. // 最后一个小节的结束线元素不在最后 调整
  468. if (part && part.getAttribute("id") === id) {
  469. const barlines = part.getElementsByTagName("barline");
  470. const lastParent = barlines[barlines.length - 1]?.parentElement;
  471. if (lastParent?.lastElementChild?.tagName !== "barline") {
  472. const children = lastParent?.children || [];
  473. for (let el of children) {
  474. if (el.tagName === "barline") {
  475. // 将结束线元素放到最后
  476. lastParent?.appendChild(el);
  477. break;
  478. }
  479. }
  480. }
  481. }
  482. });
  483. Array.from(partList).forEach((part) => {
  484. if (part && part.getAttribute("id") !== id) {
  485. part.parentNode?.removeChild(part);
  486. }
  487. });
  488. }
  489. // console.log(xmlParse)
  490. return new XMLSerializer().serializeToString(appoggianceFormate(xmlParse));
  491. };
  492. export const onlyVisible2 = (xml: string): string => {
  493. if (!xml) return "";
  494. // console.log('原始xml')
  495. const detailId = state.examSongId + "";
  496. const xmlParse = new DOMParser().parseFromString(xml, "text/xml");
  497. const partList = xmlParse.getElementsByTagName("part-list")?.[0]?.getElementsByTagName("score-part") || [];
  498. const partListNames = Array.from(partList).map((item) => item.getElementsByTagName("part-name")?.[0]?.textContent?.trim() || "");
  499. state.partListNames = partListNames;
  500. Array.from(partList).forEach((part) => {
  501. let partListName = part.getElementsByTagName("part-name")?.[0]?.textContent?.trim();
  502. if (!state.canSelectTracks.includes(partListName)) {
  503. part.parentNode?.removeChild(part);
  504. }
  505. });
  506. // console.log(xmlParse)
  507. return new XMLSerializer().serializeToString(appoggianceFormate(xmlParse));
  508. };
  509. // 倚音后连音线
  510. export const appoggianceFormate = (xmlParse: Document): Document => {
  511. if (!xmlParse) return xmlParse;
  512. const graces: any = xmlParse.querySelectorAll("grace");
  513. if (!graces.length) return xmlParse;
  514. const getNextElement = (el: HTMLElement): HTMLElement => {
  515. if (el.querySelector("grace")) {
  516. return getNextElement(el?.nextElementSibling as HTMLElement);
  517. }
  518. return el;
  519. };
  520. for (let grace of graces) {
  521. const notations = grace.parentElement?.querySelector("notations");
  522. if (notations && notations.querySelectorAll("slur").length > 1) {
  523. let nextEle: Element = getNextElement(grace.parentElement?.nextElementSibling as HTMLElement);
  524. if (nextEle && nextEle.querySelectorAll("slur").length > 0) {
  525. const slurNumber = Array.from(nextEle.querySelector("notations")?.children || []).map((el: Element) => {
  526. return el.getAttribute("number");
  527. });
  528. const slurs = notations.querySelectorAll("slur");
  529. for (let nota of slurs) {
  530. if (!slurNumber.includes(nota.getAttribute("number"))) {
  531. nextEle.querySelector("notations")?.appendChild(nota);
  532. }
  533. }
  534. }
  535. }
  536. }
  537. return xmlParse;
  538. };
  539. /** 根据ID获取最顶级ID */
  540. export const isWithinScope = (tree: any[], id: number): number => {
  541. if (!tree) return 0;
  542. let result = 0;
  543. for (const item of tree) {
  544. if (item.id === id) {
  545. result = item.id;
  546. break;
  547. }
  548. if (item.sysMusicScoreCategoriesList) {
  549. result = isWithinScope(item.sysMusicScoreCategoriesList, id);
  550. if (result > 0) {
  551. result = item.id;
  552. }
  553. if (result) break;
  554. }
  555. }
  556. return result;
  557. };
  558. class NoteList {
  559. notes: any[] = [];
  560. constructor(notes: any[]) {
  561. this.notes = notes;
  562. }
  563. public last() {
  564. return this.notes[this.notes.length - 1];
  565. }
  566. public list() {
  567. return this.notes;
  568. }
  569. }
  570. export const getNotesByid = (id: string): NoteList => {
  571. const notes = new NoteList(state.times.filter((item) => item.id === id));
  572. return notes;
  573. };
  574. /** 格式化当前曲谱缩放比例 */
  575. export const formatZoom = (num = 1) => {
  576. return num * state.zoom;
  577. };
  578. /** 妙极客多分轨的曲子,可能没有part-name标签,需要手动加上该标签 */
  579. export const xmlAddPartName = (xml: string) => {
  580. if (!xml) return "";
  581. const xmlParse = new DOMParser().parseFromString(xml, "text/xml");
  582. const scoreParts = Array.from(xmlParse.getElementsByTagName("score-part"));
  583. for (const scorePart of scoreParts) {
  584. if (scorePart.getElementsByTagName("part-name").length === 0) {
  585. state.evxmlAddPartName = true;
  586. const name = scorePart.getAttribute("id") || "";
  587. const newPartName = `<part-name>${name}</part-name>`
  588. // scorePart.prepend(newPartName);
  589. scorePart.innerHTML = newPartName + scorePart.innerHTML;
  590. }
  591. if (scorePart.getElementsByTagName("part-name").length && !scorePart.getElementsByTagName("part-name")?.[0]?.textContent?.trim() ) {
  592. scorePart.getElementsByTagName("part-name")[0].textContent = scorePart.getAttribute("id") || "";
  593. }
  594. }
  595. return new XMLSerializer().serializeToString(xmlParse);
  596. }
  597. /** 格式化曲谱
  598. * 1.全休止符的小节,没有音符默认加个全休止符
  599. */
  600. export const formatXML = (xml: string, xmlUrl?: string): string => {
  601. if (!xml) return "";
  602. const xmlParse = new DOMParser().parseFromString(xml, "text/xml");
  603. // 声调
  604. const fifths = xmlParse.getElementsByTagName("fifths");
  605. if (fifths && fifths.length) {
  606. // 是否是C调
  607. state.isCTone = fifths[0].textContent === '0'
  608. }
  609. const endings = Array.from(xmlParse.getElementsByTagName("ending"));
  610. for (const ending of endings) {
  611. // if (ending.getAttribute('type') === 'stop') {
  612. // // @ts-ignore
  613. // ending.parentNode?.removeChild(ending.parentNode?.getElementsByTagName('bar-style')[0])
  614. // }
  615. // @ts-ignore
  616. // ending.parentNode.parentNode?.removeChild(ending.parentNode)
  617. }
  618. const measures = Array.from(xmlParse.getElementsByTagName("measure"));
  619. const minutes: any = xmlParse.getElementsByTagName("per-minute");
  620. let speeds: any = []
  621. for (const minute of minutes) {
  622. let measureSpeed = minute.textContent ? Number(minute.textContent) : 0;
  623. // 速度带附点,需要转换成不带附点的速度值
  624. const hasSpeedDot = Array.from(minute?.parentElement?.children || []).some((item: any) => item?.tagName === 'beat-unit-dot')
  625. measureSpeed = hasSpeedDot ? measureSpeed + measureSpeed/2 : measureSpeed;
  626. if (minute.textContent && measureSpeed) {
  627. speeds.push(Number(measureSpeed))
  628. }
  629. // if (hasSpeedDot && measureSpeed) {
  630. // minute.textContent = measureSpeed
  631. // const dotDom = minute?.parentElement.querySelector('beat-unit-dot')
  632. // minute?.parentElement?.removeChild(dotDom)
  633. // }
  634. }
  635. speeds = [...new Set(speeds)]
  636. const hasVaryingSpeed = speeds.length > 1 ? true : false
  637. // 如果后台没有设置速度,默认取xml速度,如果xml也没有速度,默认赋值100
  638. if (state.originSpeed === 0) {
  639. state.originSpeed = speeds[0] ? speeds[0] : 100;
  640. state.speed = state.originSpeed;
  641. }
  642. // 如果谱面和小节都没有打速度,osmd设置的小节速度默认取后台设置的速度
  643. if (speeds.length === 0) {
  644. ;(window as any).baseMeasureSpeed = state.originSpeed
  645. } else {
  646. state.originAudioPlayRate = speeds[0] / state.originSpeed
  647. }
  648. console.log('是否是变速的曲子:',hasVaryingSpeed,speeds)
  649. const repeats: any = Array.from(xmlParse.querySelectorAll('repeat'));
  650. compatibleXmlPitchVoice(xmlParse);
  651. // 获取作词、作曲家
  652. getComposer(xmlParse);
  653. // 处理重复小节信息
  654. parseXmlToRepeat(repeats)
  655. // 解析处理evxml
  656. if (state.isEvxml) {
  657. analyzeEvxml(xmlParse, xmlUrl);
  658. customizationXml(xmlParse);
  659. }
  660. // const words: any = xmlParse.getElementsByTagName("words");
  661. // for (const word of words) {
  662. // if (word && word.textContent?.trim() === "筒音作5") {
  663. // word.setAttribute('y',260)
  664. // 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>'
  665. // }
  666. // }
  667. // console.log(11111,Array.from(xmlParse.getElementsByTagName("staffline")),Array.from(xmlParse.getElementsByTagName("words")))
  668. let speed = -1
  669. let beats = -1;
  670. let beatType = -1;
  671. // 前面小节的拍子
  672. let preBeats: number = 4;
  673. let preBeatType: number = 4;
  674. // 小节中如果没有节点默认为休止符
  675. for (const measure of measures) {
  676. if (beats === -1 && measure.getElementsByTagName("beats").length) {
  677. beats = parseInt(measure.getElementsByTagName("beats")[0].textContent || "4");
  678. }
  679. if (beatType === -1 && measure.getElementsByTagName("beat-type").length) {
  680. beatType = parseInt(measure.getElementsByTagName("beat-type")[0].textContent || "4");
  681. }
  682. if (speed === -1 && measure.getElementsByTagName('per-minute').length) {
  683. speed = Number(measure.getElementsByTagName('per-minute')[0]?.textContent)
  684. }
  685. // 当前小节的拍数
  686. const currentBeats = measure.getElementsByTagName("beats").length ? measure.getElementsByTagName("beats")[0]?.textContent : preBeats;
  687. const currentBeatType = measure.getElementsByTagName("beat-type").length ? measure.getElementsByTagName("beat-type")[0]?.textContent : preBeatType;
  688. preBeats = Number(currentBeats);
  689. preBeatType = Number(currentBeatType);
  690. const divisions = parseInt(measure.getElementsByTagName("divisions")[0]?.textContent || "256");
  691. // 如果note节点里面有space节点,并且没有duration节点,代表这是一个空白节点,需要删除
  692. if (measure.getElementsByTagName("note").length && state.isEvxml) {
  693. const noteList = Array.from(measure.getElementsByTagName("note")) || [];
  694. noteList.forEach((note: any) => {
  695. // if (note.getElementsByTagName("space").length && !note.getElementsByTagName("duration").length) {
  696. // measure.removeChild(note);
  697. // }
  698. // 非倚音音符
  699. if (!note.getElementsByTagName("grace").length) {
  700. if (!note.getElementsByTagName("duration").length || (note.getElementsByTagName("duration").length && note.getElementsByTagName("duration")[0]?.textContent == 0)) {
  701. measure.removeChild(note);
  702. }
  703. }
  704. });
  705. }
  706. // 如果有特殊中文速度文本,需要删除
  707. const reg = new RegExp("[\\u4E00-\\u9FFF]+", "g");
  708. if (measure.getElementsByTagName("words").length && state.isEvxml) {
  709. const wordList = Array.from(measure.getElementsByTagName("words")) || [];
  710. wordList.forEach((word: any) => {
  711. // TODO:删除妙极客曲子无意义的words
  712. // wordArr?.push(word?.textContent)
  713. if (word?.textContent && reg.test(word?.textContent) && word?.parentNode?.parentNode) {
  714. measure.removeChild(word.parentNode.parentNode);
  715. // deleteWordArr?.push(word?.textContent)
  716. }
  717. // if(hideSpeedWords.includes(word?.textContent) && word?.parentNode?.parentNode) {
  718. // measure.removeChild(word.parentNode.parentNode);
  719. // }
  720. })
  721. }
  722. if (measure.getElementsByTagName("note").length === 0) {
  723. const forwardTimeElement = measure.getElementsByTagName("forward")[0]?.getElementsByTagName("duration")[0];
  724. if (forwardTimeElement) {
  725. forwardTimeElement.textContent = "0";
  726. }
  727. measure.innerHTML =
  728. measure.innerHTML +
  729. `
  730. <note>
  731. <rest measure="yes"/>
  732. <duration>${divisions * beats}</duration>
  733. <voice>1</voice>
  734. <type>whole</type>
  735. </note>`;
  736. }
  737. // if (state.musicRenderType !== 'staff') {
  738. // transferJianNote(measure, divisions, preBeats, preBeatType)
  739. // }
  740. }
  741. return new XMLSerializer().serializeToString(xmlParse);
  742. };
  743. /** 转换简谱的全休止符和二分休止符 */
  744. export const transferJianNote = (measure: any, divisions: number, preBeats: number, preBeatType: number) => {
  745. const multipleXs = preBeatType / 4;
  746. const notes = measure.getElementsByTagName("note")
  747. for (const note of notes) {
  748. const noteType = note.getElementsByTagName("type")?.[0]?.textContent || '';
  749. if (noteType === 'whole' || noteType === 'half') {
  750. // 4/4拍
  751. if (preBeats === 4 && preBeatType === 4) {
  752. } else if (preBeats === 3 && preBeatType === 4) {
  753. } else if (preBeats === 3 && preBeatType === 8) {
  754. } else if (preBeats === 3 && preBeatType === 8) {
  755. } else if (preBeats === 5 && preBeatType === 8) {
  756. } else if (preBeats === 6 && preBeatType === 8) {
  757. } else if (preBeats === 9 && preBeatType === 8) {
  758. } else if (preBeats === 12 && preBeatType === 8) {
  759. }
  760. const maxNumber = noteType === 'half' ? 2 : preBeats / multipleXs;
  761. if (!Number.isInteger(maxNumber)) {
  762. return;
  763. }
  764. // console.log('几个1/4音符',maxNumber)
  765. let quarterNoteNumber = 1;
  766. while (quarterNoteNumber <= maxNumber) {
  767. const newnote = document.createElement('note');
  768. newnote.innerHTML = `
  769. <rest></rest>
  770. <duration>${divisions}</duration>
  771. <voice>1</voice>
  772. <type>quarter</type>`
  773. measure.insertBefore(newnote, note);
  774. quarterNoteNumber += 1;
  775. };
  776. measure.removeChild(note);
  777. }
  778. }
  779. }
  780. /** 获取所有音符的时值,以及格式化音符 */
  781. export const formateTimes = (osmd: OpenSheetMusicDisplay) => {
  782. const customNoteRealValue = customData.customNoteRealValue;
  783. const customNoteCurrentTime = customData.customNoteCurrentTime;
  784. const detailId = state.examSongId + "";
  785. const partIndex = state.partIndex + "";
  786. let fixtime = browserInfo.huawei ? 0.08 : 0; //getFixTime()
  787. const allNotes: any[] = [];
  788. const allNoteId: string[] = [];
  789. const allMeasures: any[] = [];
  790. const { originSpeed: baseSpeed } = state;
  791. let preMeasureNumber = 0;
  792. const formatRealKey = (realKey: number, detail: any) => {
  793. // 不是管乐迷, 不处理
  794. // if (state.appName !== "GYM") return realKey;
  795. // 长笛的LEVEL 2-5-1条练习是泛音练习,以每小节第一个音的指法为准,高音不变变指法。
  796. const olnyOneIds = ["906"];
  797. if (olnyOneIds.includes(state.cbsExamSongId)) {
  798. return detail.measures[0]?.realKey || realKey;
  799. }
  800. // 圆号的LEVEL 2-5条练习是泛音练习,最后四小节指法以连音线第一个小节为准
  801. const olnyOneIds2 = ["782", "784"];
  802. if (olnyOneIds2.includes(state.cbsExamSongId)) {
  803. const measureNumbers = [14, 16, 30, 32];
  804. if (measureNumbers.includes(detail.firstVerticalMeasure?.measureNumber)) {
  805. return allNotes[allNotes.length - 1]?.realKey || realKey;
  806. }
  807. }
  808. // 2-6 第三小节指法按照第一个音符显示
  809. const filterIds = ["900", "901", "640", "641", "739", "740", "800", "801", "773", "774", "869", "872", "714", "715"];
  810. if (filterIds.includes(state.cbsExamSongId)) {
  811. if (detail.firstVerticalMeasure?.measureNumber === 3 || detail.firstVerticalMeasure?.measureNumber === 9) {
  812. return detail.measures[0]?.realKey || realKey;
  813. }
  814. }
  815. return realKey;
  816. };
  817. if (!osmd.cursor) return [];
  818. const iterator: any = osmd.cursor.Iterator;
  819. // console.log("🚀 ~ iterator:", iterator)
  820. console.time("音符跑完时间");
  821. let i = 0;
  822. let si = 0;
  823. let measures: any[] = [];
  824. let stepSpeeds: number[] = [];
  825. /** 弱起时间 */
  826. let difftime = 0;
  827. let usetime = 0;
  828. let relaMeasureLength = 0;
  829. let beatUnit = "quarter";
  830. let gradualSpeed;
  831. let gradualChange: GradualChange | undefined;
  832. let gradualChangeIndex = 0;
  833. let totalMultipleRestMeasures = 0;
  834. let multipleRestMeasures = 0;
  835. let staveNoteIndex = 0;
  836. let staveIndex = 0;
  837. let xmlMp3BeatFixTime = 0 // xml上节拍器的时间
  838. let preNoteEndTime = 0; // 上一个音符的结束时间
  839. const _notes = [] as any[];
  840. if (state.gradualTimes) {
  841. console.log("后台设置的渐慢小节时间", state.gradual, state.gradualTimes);
  842. }
  843. let currentTimeStamp = iterator.currentTimeStamp.RealValue;
  844. const currentTimes = [] as any[];
  845. let isSetNextNoteReal = false;
  846. let differFrom = 0;
  847. // let testIdx = 0;
  848. let repeatIdx = 0; // 循环的次数
  849. const firstTrackName = state.canSelectTracks[0] || "";
  850. while (!iterator.EndReached) {
  851. // console.log({ ...iterator });
  852. /** 多声轨合并显示,当前音符的时值取所有声轨中的最小值 */
  853. if (state.isCombineRender) {
  854. iterator.currentVoiceEntries = iterator.currentVoiceEntries.filter((item: any) => {
  855. const trackName = state.isEvxml && state.evxmlAddPartName ? item.parentVoice.parent.IdString || '' : item.parentVoice.parent.Name || '';
  856. return trackName === firstTrackName
  857. });
  858. }
  859. let minIndex = 0, elRealValue = 0
  860. for (let index = 0; index < iterator.currentVoiceEntries.length; index++) {
  861. const element = iterator.currentVoiceEntries[index];
  862. if (element.isGrace) {
  863. if (minIndex == index && minIndex == 0) {
  864. minIndex = iterator.currentVoiceEntries.length > 1 ? 1 : 0
  865. }
  866. continue
  867. }
  868. if (element.notes[0].length.realValue < elRealValue) {
  869. minIndex = index
  870. }
  871. elRealValue = element.notes[0].length.realValue
  872. }
  873. if (minIndex !== 0 && state.isCombineRender && iterator.currentVoiceEntries[minIndex]) {
  874. iterator.currentVoiceEntries[minIndex].Notes[0].NoteToGraphicalNoteObjectId = iterator.currentVoiceEntries?.[0].Notes[0].NoteToGraphicalNoteObjectId;
  875. }
  876. const voiceEntries = iterator.currentVoiceEntries?.[minIndex] ? [iterator.currentVoiceEntries?.[minIndex]] : [];
  877. let currentVoiceEntries: any[] = [];
  878. // 多分轨,当前小节最大音符数量
  879. let maxNoteNum = 0;
  880. // iterator.currentMeasure?.verticalMeasureList?.forEach((item: any) => maxNoteNum = Math.max(maxNoteNum, item?.staffEntries?.length || 0))
  881. maxNoteNum = iterator.currentMeasure?.verticalSourceStaffEntryContainers.length || 0
  882. // console.log(iterator.currentMeasure.MeasureNumberXML,maxNoteNum,iterator.currentMeasure?.verticalSourceStaffEntryContainers.length)
  883. // 单声部多声轨
  884. if (state.multitrack > 0) {
  885. currentVoiceEntries = [...iterator.CurrentVoiceEntries];
  886. } else {
  887. currentVoiceEntries = [...iterator.CurrentVoiceEntries].filter((n) => {
  888. return n && n?.ParentVoice?.VoiceId != 1;
  889. });
  890. }
  891. let currentTime = 0;
  892. let isDouble = false;
  893. let isMutileSubject = false;
  894. if (currentVoiceEntries.length && !isSetNextNoteReal) {
  895. isDouble = true;
  896. let voiceNotes = [...iterator.CurrentVoiceEntries].reduce((notes, n) => {
  897. notes.push(...n.Notes);
  898. return notes;
  899. }, [] as any);
  900. voiceNotes = voiceNotes.filter((note: any) => !note.IsGraceNote)
  901. voiceNotes = voiceNotes.sort((a: any, b: any) => a?.length?.realValue - b?.length?.realValue);
  902. currentTime = voiceNotes?.[0]?.length?.realValue || 0;
  903. if (state.multitrack > 0 && currentVoiceEntries.length === 2) {
  904. const min = voiceNotes[0]?.length?.realValue || 0;
  905. const max = voiceNotes[voiceNotes.length - 1]?.length?.realValue || 0;
  906. differFrom = max - min;
  907. isSetNextNoteReal = differFrom === 0 ? false : true;
  908. }
  909. }
  910. // 多声部上下音符没对齐,光标多走一拍
  911. if (_notes[_notes.length - 1]?.isDouble && !currentVoiceEntries.length) {
  912. isMutileSubject = true;
  913. }
  914. if (state.multitrack > 0 && !isDouble && isSetNextNoteReal) {
  915. isDouble = true;
  916. currentTime = differFrom;
  917. isSetNextNoteReal = false;
  918. differFrom = 0;
  919. }
  920. currentTimes.push(iterator.currentTimeStamp.realValue - currentTimeStamp);
  921. currentTimeStamp = iterator.currentTimeStamp.realValue;
  922. for (const v of voiceEntries) {
  923. let note = v.notes[0];
  924. if (note.IsGraceNote) {
  925. // 如果是装饰音, 取不是装饰音的时值
  926. const voice = note.parentStaffEntry.voiceEntries.find((_v: any) => !_v.isGrace);
  927. if (!voice) {
  928. continue;
  929. }
  930. note = voice.notes[0];
  931. }
  932. note.fixedKey = note.ParentVoiceEntry.ParentVoice.Parent.SubInstruments[0].fixedKey || 0;
  933. // 有倚音
  934. if (note?.voiceEntry?.isGrace) {
  935. isDouble = true;
  936. let ns = [...iterator.currentVoiceEntries].reduce((notes, n) => {
  937. notes.push(...n.notes);
  938. return notes;
  939. }, []);
  940. ns = ns.sort((a: any, b: any) => b?.length?.realValue - a?.length?.realValue);
  941. currentTime = currentTime != 0 ? Math.min(ns?.[0]?.length?.realValue, currentTime) : ns?.[0]?.length?.realValue;
  942. }
  943. if (state.multitrack > 0 && currentTime > note.length.realValue) {
  944. currentTime = note.length.realValue;
  945. }
  946. note.maxNoteNum = maxNoteNum;
  947. note.trackIndex = minIndex;
  948. _notes.push({
  949. note,
  950. iterator: { ...iterator },
  951. currentTime,
  952. isDouble,
  953. isMutileSubject,
  954. measuresTempoInBPM: note?.sourceMeasure?.tempoInBPM
  955. });
  956. }
  957. iterator.moveToNextVisibleVoiceEntry(false);
  958. // 从头开始循环,repeatIdx标记+1
  959. if (iterator.backJumpOccurred) {
  960. repeatIdx += 1;
  961. }
  962. iterator.repeatIdx = repeatIdx;
  963. // console.log('小节',testIdx,iterator.repeatIdx,iterator.EndReached,iterator.currentMeasureIndex,iterator.backJumpOccurred,iterator.forwardJumpOccurred)
  964. // testIdx += 1;
  965. }
  966. // 是否是变速的曲子
  967. const hasVaryingSpeed = _notes.some((item: any) => item.measuresTempoInBPM !== _notes[0].measuresTempoInBPM)
  968. console.log('变速曲子',hasVaryingSpeed, _notes)
  969. let noteIds: any = [];
  970. // let voicesBBox: any = null;
  971. for (let { note, iterator, currentTime, isDouble, isMutileSubject } of _notes) {
  972. if (note) {
  973. if (preMeasureNumber != note?.sourceMeasure?.MeasureNumberXML) {
  974. si = 0
  975. }
  976. if (si === 0 && preMeasureNumber != note?.sourceMeasure?.MeasureNumberXML) {
  977. preMeasureNumber = note?.sourceMeasure?.MeasureNumberXML
  978. allMeasures.push(note.sourceMeasure);
  979. }
  980. if (si === 0 && state.isSpecialBookCategory) {
  981. for (const expression of (note.sourceMeasure as SourceMeasure)?.TempoExpressions) {
  982. if (expression?.InstantaneousTempo?.beatUnit) {
  983. // 取最后一个有效的tempo
  984. beatUnit = expression.InstantaneousTempo.beatUnit;
  985. }
  986. }
  987. }
  988. // 判断是否是同一小节
  989. if (staveIndex == note.sourceMeasure?.MeasureNumberXML && i !== 0) {
  990. staveNoteIndex++
  991. } else {
  992. // staveIndex不同,重新赋值
  993. staveIndex = note.sourceMeasure?.MeasureNumberXML
  994. staveNoteIndex = 0
  995. }
  996. let measureSpeed = note.sourceMeasure.tempoInBPM;
  997. const { metronomeNoteIndex } = iterator.currentMeasure;
  998. if (metronomeNoteIndex !== 0 && metronomeNoteIndex > si) {
  999. measureSpeed = allNotes[allNotes.length - 1]?.speed || 100;
  1000. }
  1001. // 当前的分轨
  1002. let activeVerticalMeasureList: any = [];
  1003. /**
  1004. * bug: #9959
  1005. * 多分轨合并展示,第一分轨又可能获取不到对应的音符,需要在当前小节中音符最多的分轨中去查找音符
  1006. */
  1007. // if (state.isCombineRender) {
  1008. // const allTrackList = note.sourceMeasure.verticalMeasureList;
  1009. // let maxIdx = 0, maxNote = 0;
  1010. // allTrackList.forEach((item: any, index: number) => {
  1011. // if (item?.vfVoices['1']?.tickables?.length > maxNote) {
  1012. // maxIdx = index
  1013. // maxNote = item?.vfVoices['1']?.tickables?.length
  1014. // }
  1015. // })
  1016. // activeVerticalMeasureList = [note.sourceMeasure?.verticalMeasureList?.[maxIdx]] || [];
  1017. // } else {
  1018. // activeVerticalMeasureList = [note.sourceMeasure?.verticalMeasureList?.[0]] || [];
  1019. // }
  1020. // 合并展示某些分轨,需要把展示的分轨筛选出来
  1021. if (state.isCombineRender && note.sourceMeasure.verticalMeasureList.length) {
  1022. note.sourceMeasure.verticalMeasureList = note.sourceMeasure?.verticalMeasureList.filter((item: any) => state.canSelectTracks.includes(item?.parentStaff?.parentInstrument.Name))
  1023. }
  1024. activeVerticalMeasureList = [note.sourceMeasure?.verticalMeasureList?.[0]] || [];
  1025. // 某些情况下,合并显示的妙极客曲子,note.sourceMeasure?.verticalMeasureList可能为空数组
  1026. if (state.isCombineRender && state.isEvxml && note.sourceMeasure?.verticalMeasureList.length === 0) {
  1027. activeVerticalMeasureList = osmd.GraphicSheet.MeasureList.find((item: any) => item[0]?.MeasureNumber === note.sourceMeasure.MeasureNumberXML) || [];
  1028. }
  1029. let currenrtVfVoices = activeVerticalMeasureList[0]?.vfVoices['1'] ? activeVerticalMeasureList[0]?.vfVoices['1'] : activeVerticalMeasureList[0]?.vfVoices['2'] ? activeVerticalMeasureList[0]?.vfVoices['2'] : null;
  1030. /**
  1031. * TODO:多分轨合并的小节,音符可能没有id,此时就去其它分轨找
  1032. */
  1033. const vmLength = note.sourceMeasure?.verticalMeasureList?.length
  1034. let currentVmIndex = 0;
  1035. let hasSvgElement = currenrtVfVoices?.tickables[staveNoteIndex];
  1036. while (!hasSvgElement && vmLength > 1 && currentVmIndex <= vmLength - 1 && currenrtVfVoices !== null) {
  1037. currentVmIndex += 1;
  1038. activeVerticalMeasureList = [note.sourceMeasure?.verticalMeasureList?.[currentVmIndex]] || [];
  1039. currenrtVfVoices = activeVerticalMeasureList[0]?.vfVoices['1'] ? activeVerticalMeasureList[0]?.vfVoices['1'] : activeVerticalMeasureList[0]?.vfVoices['2'] ? activeVerticalMeasureList[0]?.vfVoices['2'] : null;
  1040. hasSvgElement = currenrtVfVoices?.tickables[staveNoteIndex];
  1041. }
  1042. const { realValue } = iterator.currentTimeStamp;
  1043. const { RealValue: vRealValue, Denominator: vDenominator } = formatDuration(
  1044. iterator.currentMeasure.activeTimeSignature,
  1045. iterator.currentMeasure.duration
  1046. );
  1047. let { wholeValue, numerator, denominator, realValue: NoteRealValue } = note.length;
  1048. if (customNoteRealValue[i]) {
  1049. // console.log(NoteRealValue, customNoteRealValue[i])
  1050. NoteRealValue = customNoteRealValue[i];
  1051. }
  1052. if (isDouble && currentTime > 0) {
  1053. if (currentTime != NoteRealValue) {
  1054. // console.log(`小节 ${note.sourceMeasure.MeasureNumberXML} 替换: noteLength: ${NoteRealValue}, 最小: ${currentTime}`);
  1055. NoteRealValue = currentTime;
  1056. }
  1057. }
  1058. // note.sourceMeasure.MeasureNumberXML === 8 && console.error(`小节 ${note.sourceMeasure.MeasureNumberXML}`, NoteRealValue)
  1059. // 管乐迷,按自定义按读取到的音符时值
  1060. if (customNoteCurrentTime) {
  1061. if (isMutileSubject && currentTimes[i + 1] > 0 && NoteRealValue > currentTimes[i + 1]) {
  1062. // console.log(NoteRealValue, currentTimes[i + 1])
  1063. NoteRealValue = currentTimes[i + 1];
  1064. }
  1065. }
  1066. let relativeTime = usetime;
  1067. // 妙极客的曲子,修复有的音符有times,有的音符没有times导致的,累计时长错误问题
  1068. if (state.isEvxml && relativeTime < preNoteEndTime - fixtime) {
  1069. relativeTime = preNoteEndTime - fixtime
  1070. }
  1071. let beatSpeed = 0;
  1072. // 速度不能为0 此处的速度应该是按照设置的速度而不是校准后的速度,否则mp3速度不对
  1073. if (measureSpeed !== baseSpeed && !hasVaryingSpeed) {
  1074. beatSpeed = baseSpeed || measureSpeed || 100
  1075. } else {
  1076. beatSpeed = (state.isSpecialBookCategory ? measureSpeed : baseSpeed) || 1;
  1077. }
  1078. // let beatSpeed = measureSpeed || baseSpeed
  1079. // 如果有节拍器,需要将节拍器的时间算出来
  1080. if (i === 0) {
  1081. if(state.isOpenMetronome){
  1082. fixtime += getFixTime(beatSpeed);
  1083. state.fixtime = fixtime;
  1084. }
  1085. // 存储mp3节拍器时间
  1086. xmlMp3BeatFixTime = getFixTime(beatSpeed)
  1087. // console.log("fixtime:", fixtime, '速度:', beatSpeed, "state.isSpecialBookCategory:", state.isSpecialBookCategory, 'state.isOpenMetronome:', state.isOpenMetronome);
  1088. }
  1089. // console.log(getTimeByBeatUnit(beatUnit, measureSpeed, iterator.currentMeasure.activeTimeSignature.Denominator))
  1090. let gradualLength = 0;
  1091. let speed = (state.isSpecialBookCategory ? measureSpeed : baseSpeed) || 1;
  1092. gradualChange = iterator.currentMeasure.speedInfo || gradualChange;
  1093. gradualSpeed = osmd.Sheet.SoundTempos?.get(note.sourceMeasure.measureListIndex) || gradualSpeed;
  1094. if (!gradualSpeed || gradualSpeed.length < 2) {
  1095. gradualSpeed = createSpeedInfo(gradualChange, speed);
  1096. }
  1097. // console.log({...iterator.currentMeasure},gradualChange, gradualSpeed)
  1098. const measureListIndex = iterator.currentMeasure.measureListIndex;
  1099. // 计算相差时间按照比例分配到所有音符上
  1100. if (state.gradualTimes && Object.keys(state.gradualTimes).length > 0) {
  1101. const withInRangeNote = state.gradual.find((item, index) => {
  1102. const nextItem: any = state.gradual[index + 1];
  1103. return (
  1104. item[0].measureIndex <= measureListIndex &&
  1105. item[1]?.measureIndex! >= measureListIndex &&
  1106. (!nextItem || nextItem?.[0].measureIndex !== measureListIndex)
  1107. );
  1108. });
  1109. const [first, last] = withInRangeNote || [];
  1110. if (first && last) {
  1111. // 小节数量
  1112. const continuous = last.measureIndex - first.measureIndex;
  1113. // 开始小节内
  1114. const inTheFirstMeasure = first.closedMeasureIndex == measureListIndex && si >= first.noteInMeasureIndex;
  1115. // 结束小节内
  1116. const inTheLastMeasure = last.closedMeasureIndex === measureListIndex && si < last.noteInMeasureIndex;
  1117. // 范围内小节
  1118. const inFiestOrLastMeasure = first.closedMeasureIndex !== measureListIndex && last.closedMeasureIndex !== measureListIndex;
  1119. if (inTheFirstMeasure || inTheLastMeasure || inFiestOrLastMeasure) {
  1120. const startTime = state.gradualTimes[first.measureIndex];
  1121. const endTime = state.gradualTimes[last.measureIndex];
  1122. if (startTime && endTime) {
  1123. const times = continuous - first.leftDuration / first.allDuration + last.leftDuration / last.allDuration;
  1124. const diff = dayjs(tranTime(endTime)).diff(dayjs(tranTime(startTime)), "millisecond");
  1125. gradualLength = ((NoteRealValue / vRealValue / times) * diff) / 1000;
  1126. }
  1127. }
  1128. }
  1129. } else if (state.appName === "GYM" && gradualChange && gradualSpeed && (gradualChange.startXmlNoteIndex === si || gradualChangeIndex > 0)) {
  1130. const startSpeed = gradualSpeed[0] - (gradualSpeed[1] - gradualSpeed[0]);
  1131. const { resetXmlNoteIndex, endXmlNoteIndex } = gradualChange;
  1132. const noteDiff = endXmlNoteIndex;
  1133. let stepSpeed = (gradualSpeed[gradualSpeed.length - 1] - startSpeed) / noteDiff;
  1134. stepSpeed = note.DotsXml ? stepSpeed / 1.5 : stepSpeed;
  1135. if (gradualChangeIndex < noteDiff) {
  1136. const tempSpeed = Math.ceil(speed + stepSpeed * gradualChangeIndex);
  1137. let tmpSpeed = getTimeByBeatUnit(beatUnit, tempSpeed, iterator.currentMeasure.activeTimeSignature.Denominator);
  1138. const maxLength = (wholeValue + numerator / denominator) * vDenominator * (60 / tmpSpeed);
  1139. // speed += stepSpeeds.reduce((a, b) => a + b, 0)
  1140. speed += Math.ceil(stepSpeed * (gradualChangeIndex + 1));
  1141. tmpSpeed = getTimeByBeatUnit(beatUnit, speed, iterator.currentMeasure.activeTimeSignature.Denominator);
  1142. const minLength = (wholeValue + numerator / denominator) * vDenominator * (60 / tmpSpeed);
  1143. gradualLength = (maxLength + minLength) / 2;
  1144. } else if (resetXmlNoteIndex > gradualChangeIndex) {
  1145. speed = allNotes[i - 1]?.speed;
  1146. }
  1147. beatSpeed =
  1148. (state.isSpecialBookCategory ? getTimeByBeatUnit(beatUnit, speed, iterator.currentMeasure.activeTimeSignature.Denominator) : baseSpeed) || 1;
  1149. const isEnd = !(gradualChangeIndex < noteDiff) && !(resetXmlNoteIndex > gradualChangeIndex);
  1150. gradualChangeIndex++;
  1151. if (isEnd) {
  1152. gradualChangeIndex = 0;
  1153. gradualChange = undefined;
  1154. gradualSpeed = undefined;
  1155. stepSpeeds = [];
  1156. }
  1157. }
  1158. const _noteLength = NoteRealValue;
  1159. // 当前音符的持续时长,当前音符的RealValue值*拍数*(60/后台设置的基准速度)
  1160. let noteLength = gradualLength ? gradualLength : Math.min(vRealValue, NoteRealValue) * formatBeatUnit(beatUnit) * (60 / beatSpeed);
  1161. // 小节时长
  1162. const measureLength = vRealValue * 4 * (60 / beatSpeed);
  1163. // console.table({value: iterator.currentTimeStamp.realValue, vRealValue,NoteRealValue, noteLength,measureLength, MeasureNumberXML: note.sourceMeasure.MeasureNumberXML})
  1164. // console.log(i, Math.min(vRealValue, NoteRealValue),noteLength,gradualLength, formatBeatUnit(beatUnit),beatSpeed, NoteRealValue * formatBeatUnit(beatUnit) * (60 / beatSpeed) )
  1165. /**
  1166. * TODO:摇篮曲-人音-排箫(1788501975122489346),第12小节音符持续时间特殊处理
  1167. */
  1168. if (['1788501975122489346','1788502467554750466'].includes(state.cbsExamSongId)) {
  1169. if (i == 13) {
  1170. noteLength = noteLength / 2;
  1171. }
  1172. if (i == 44) {
  1173. noteLength = noteLength * 6;
  1174. }
  1175. if (i == 56) {
  1176. noteLength = noteLength * 4;
  1177. }
  1178. }
  1179. usetime += noteLength;
  1180. relaMeasureLength += noteLength;
  1181. let relaEndtime = noteLength + relativeTime;
  1182. // console.log('relaEndtime',noteLength, relativeTime)
  1183. const fixedKey = note.fixedKey || 0;
  1184. // const svgElement = activeVerticalMeasureList[0]?.vfVoices["1"]?.tickables[si];
  1185. //const svgElement = currenrtVfVoices?.tickables[staveNoteIndex];
  1186. // 过滤掉ghostnote
  1187. const filterTickables = currenrtVfVoices?.tickables?.filter((tickable: any) => tickable.attrs?.type !== "GhostNote")
  1188. const svgElement = filterTickables?.[staveNoteIndex];
  1189. // console.log('si',si,i)
  1190. // console.log(note.sourceMeasure.MeasureNumberXML,note,svgElement, NoteRealValue, measureLength)
  1191. if (allNotes.length && allNotes[allNotes.length - 1].relativeTime === relativeTime) {
  1192. continue;
  1193. }
  1194. // console.log(iterator.currentMeasure)
  1195. // 如果是弱起就补齐缺省的时长,midi音频不需要考虑弱起
  1196. if (i === 0 && !state.isAppPlay) {
  1197. let _firstMeasureRealValue = 0;
  1198. const staffEntries = note.sourceMeasure.verticalMeasureList?.[0]?.staffEntries || [];
  1199. //计算第一个小节里面的音符时值是否等于整个小节的时值
  1200. staffEntries.forEach((_a: any) => {
  1201. if (_a?.sourceStaffEntry?.voiceEntries?.[0]?.notes?.[0]?.length?.realValue) {
  1202. _firstMeasureRealValue += _a.sourceStaffEntry.voiceEntries[0].notes[0].length.realValue;
  1203. }
  1204. });
  1205. if (_firstMeasureRealValue < vRealValue) {
  1206. // console.log(_firstMeasureRealValue, vRealValue)
  1207. // 如果是弱起,将整个小节的时值减去该小节所有音符相加的时值,就是缺省的时值
  1208. difftime = measureLength - _firstMeasureRealValue * formatBeatUnit(beatUnit) * (60 / beatSpeed);
  1209. }
  1210. /**
  1211. * 管乐迷,部分弱起的曲目,mp3制作不标准,没有按照补齐弱起后的时间进行制作,需要单独处理
  1212. * 2670
  1213. */
  1214. if (["2670"].includes(state.cbsExamSongId)) {
  1215. // fixtime -= _firstMeasureRealValue * formatBeatUnit(beatUnit) * (60 / beatSpeed);
  1216. } else {
  1217. if (difftime > 0 && !state.isEvxml) {
  1218. fixtime += difftime;
  1219. state.fixtime = fixtime;
  1220. }
  1221. }
  1222. // 管乐迷 diff获取不准确时, 弱起补齐
  1223. if (["2589", "2561", "2560", "2559", "2558", "2556", "2555", "2554"].includes(detailId)) {
  1224. // difftime = iterator.currentTimeStamp.realValue * formatBeatUnit(beatUnit) * (60 / beatSpeed);
  1225. // fixtime += difftime;
  1226. }
  1227. // 如果是evxml,fixtime取读取xml的值
  1228. if (state.isEvxml) {
  1229. fixtime = state.evXmlBeginTime ? state.evXmlBeginTime : fixtime
  1230. state.fixtime = fixtime
  1231. }
  1232. console.log('节拍器时间',fixtime,state.evXmlBeginTime)
  1233. }
  1234. let stave = activeVerticalMeasureList[0]?.stave;
  1235. if (note.sourceMeasure.multipleRestMeasures) {
  1236. totalMultipleRestMeasures = note.sourceMeasure.multipleRestMeasures;
  1237. multipleRestMeasures = 0;
  1238. }
  1239. if (multipleRestMeasures < totalMultipleRestMeasures) {
  1240. multipleRestMeasures++;
  1241. } else {
  1242. multipleRestMeasures = 0;
  1243. totalMultipleRestMeasures = 0;
  1244. }
  1245. // console.log(note.tie)
  1246. // console.log('👀看看endtime', duration, relaEndtime, fixtime, i)
  1247. // console.log('频率',note?.pitch?.frequency,i)
  1248. /**
  1249. * evxml的曲子,如果曲谱xml中带有times信息,则音符时值优先取times中的值
  1250. * 曲子:1795013295024062466(春暖花开),如果音符有times信息,休止符没有times信息,此种规则是认为休止符不参与时值计算的,需要过滤掉该休止符
  1251. * TODO:需要考虑唱名怎么处理,唱名是xml有多少个音符,就需要唱多少个,不能剔除
  1252. */
  1253. if (state.isEvxml && note.isRestFlag && note?.noteTimeInfo?.length === 0 && state.xmlHasTimes ) {
  1254. const idx = _notes.findIndex(item=>item.note === note);
  1255. let nextNoteTimes = _notes[idx+1]?.note?.noteTimeInfo?.[0]?.begin*1000
  1256. let preNoteTImes = _notes[idx-1]?.note?.noteTimeInfo?.[0]?.end*1000
  1257. // 当下一个音符也没有时间的时候,再往下一个找
  1258. if(!nextNoteTimes && nextNoteTimes!==0){
  1259. let nextIndex = idx + 2
  1260. while(!nextNoteTimes && nextIndex<_notes.length){
  1261. nextNoteTimes = _notes[nextIndex]?.note?.noteTimeInfo?.[0]?.begin*1000
  1262. nextIndex ++
  1263. }
  1264. // 当最后音符就是没有打时间的休止小节,可能nextNoteTimes时间找不到,目前没有处理
  1265. }
  1266. if(!preNoteTImes && preNoteTImes!==0){
  1267. let preIndex = idx - 2
  1268. while(!preNoteTImes && preIndex>-1){
  1269. preNoteTImes = _notes[preIndex]?.note?.noteTimeInfo?.[0]?.end*1000
  1270. preIndex --
  1271. }
  1272. // 当没有找到preNoteTImes的时候 赋值为0 (当第一个音符就是没有打时间的休止小节会出现这种情况)
  1273. preNoteTImes || (preNoteTImes = 0)
  1274. }
  1275. const allowRange = Math.abs(nextNoteTimes - preNoteTImes)< 10;
  1276. if (allowRange) {
  1277. note.maxNoteNum = note.maxNoteNum - 1;
  1278. // 唱名时间补齐,当删除这个音符的时候,上个音符的持续时间要加上这个音符的时间
  1279. allNotes[allNotes.length - 1].noteLengthTime += noteLength
  1280. continue;
  1281. }
  1282. }
  1283. let evNoteStartTime = 0, evNoteEndTime = 0;
  1284. if (state.isEvxml && note?.noteTimeInfo?.length ) {
  1285. let idx = noteIds.filter((item: any) => item === svgElement?.attrs.id)?.length || 0;
  1286. // 如果是合并的小节的休止符
  1287. if (note.isRestFlag && !svgElement && note?.NoteToGraphicalNoteObjectId) {
  1288. const customRestId = `rest-${note?.sourceMeasure?.MeasureNumberXML}-${note?.NoteToGraphicalNoteObjectId}`;
  1289. idx = noteIds.filter((item: any) => item === customRestId)?.length || 0;
  1290. }
  1291. evNoteStartTime = note?.noteTimeInfo[idx]?.begin
  1292. evNoteEndTime = note?.noteTimeInfo[idx]?.end
  1293. if (evNoteStartTime) {
  1294. relativeTime = evNoteStartTime - fixtime
  1295. // usetime = evNoteStartTime - fixtime
  1296. }
  1297. // usetime = evNoteStartTime - fixtime
  1298. }
  1299. svgElement?.attrs.id && noteIds.push(svgElement?.attrs.id)
  1300. // 如果是合并的休止小节,是没有渲染音符的,所以没有svgElement对象,也就没有id,此时需要添加自定义的一个id进度,便于多遍循环时,找到对应的noteTimeInfo里面的时间信息
  1301. if (note.isRestFlag && !svgElement && note?.NoteToGraphicalNoteObjectId) {
  1302. noteIds.push(`rest-${note?.sourceMeasure?.MeasureNumberXML}-${note?.NoteToGraphicalNoteObjectId}`)
  1303. }
  1304. // 如果该音符包含倚音,添加标记
  1305. let hasGraceNote = false;
  1306. if (svgElement?.modifiers?.length) {
  1307. hasGraceNote = svgElement?.modifiers.some((item: any) => item?.attrs?.type === "GraceNoteGroup")
  1308. }
  1309. const filterRepeatIdx = allNotes.filter((item: any) => item.noteId === note.NoteToGraphicalNoteObjectId).length
  1310. const nodeDetail = {
  1311. trackIndex: note.trackIndex, // 当前的音符属于第几条分轨
  1312. isStaccato: note.voiceEntry.isStaccato(),
  1313. isRestFlag: note.isRestFlag,
  1314. noteId: note.NoteToGraphicalNoteObjectId,
  1315. measureListIndex: note.sourceMeasure.measureListIndex,
  1316. MeasureNumberXML: note.sourceMeasure.MeasureNumberXML, // 当前的小节数,(从1开始)
  1317. _noteLength: _noteLength,
  1318. svgElement: svgElement,
  1319. frequency: note?.pitch?.frequency || -1,
  1320. nextFrequency: note?.pitch?.nextFrequency || -1,
  1321. prevFrequency: note?.pitch?.prevFrequency || -1,
  1322. difftime,
  1323. octaveOffset: activeVerticalMeasureList[0]?.octaveOffset,
  1324. speed,
  1325. beatSpeed,
  1326. i,
  1327. si,
  1328. stepSpeeds,
  1329. measureOpenIndex: allMeasures.length - 1,
  1330. measures,
  1331. tempoInBPM: note.sourceMeasure.tempoInBPM,
  1332. measureLength,
  1333. relaMeasureLength,
  1334. id: svgElement?.attrs.id,
  1335. hasGraceNote,
  1336. note: note.halfTone + 12, // see issue #224
  1337. fixtime, // 弱起补充的时间
  1338. relativeTime: retain(relativeTime),
  1339. time: state.isEvxml && evNoteStartTime ? retain(evNoteStartTime) : retain(relativeTime + fixtime), // 开始播放的时间
  1340. endtime: state.isEvxml && evNoteEndTime ? retain(evNoteEndTime) : retain(relaEndtime + fixtime), // 播放完成的时间
  1341. relaEndtime: retain(relaEndtime),
  1342. realValue,
  1343. halfTone: note.halfTone,
  1344. noteElement: note,
  1345. fixedKey,
  1346. realKey: 0,
  1347. duration: 0,
  1348. formatLyricsEntries: formatLyricsEntries(note),
  1349. stave,
  1350. firstVerticalMeasure: activeVerticalMeasureList[0],
  1351. noteLength: 1,
  1352. osdmContext: osmd,
  1353. speedbeatUnit: beatUnit,
  1354. multipleRestMeasures: multipleRestMeasures, // 当前合并小节的索引,从1开始到当前的totalMultipleRestMeasures结束,
  1355. totalMultipleRestMeasures, // 当前小节总的合并小节数
  1356. measureSpeed, // 小节速度
  1357. maxNoteNum: note.maxNoteNum, // 当前小节音符最多的分轨的音符数量
  1358. // repeatIdx: iterator.repeatIdx || 0, // 标记是第几遍循环,从0开始
  1359. repeatIdx: filterRepeatIdx,
  1360. noteLengthTime: noteLength, //当前音符时长
  1361. xmlNoteTime: 0, // xml上音符开始时间 唱名用
  1362. xmlNoteEndTime: 0, //xml上音符结束时间 唱名用
  1363. xmlMp3BeatFixTime, //xml上节拍器的时间
  1364. notBeatFixtime: state.isOpenMetronome ? fixtime - xmlMp3BeatFixTime : fixtime, // 不含节拍器的fixtime值 唱名用
  1365. notBeatTime: state.isEvxml && evNoteStartTime ? retain(evNoteStartTime) : retain(relativeTime + (state.isOpenMetronome ? fixtime - xmlMp3BeatFixTime : fixtime)), // 不含节拍器的 音符开始时间
  1366. notBeatEndTime: state.isEvxml && evNoteEndTime ? retain(evNoteEndTime) : retain(relaEndtime + (state.isOpenMetronome ? fixtime - xmlMp3BeatFixTime : fixtime)) // 不含节拍器的 音符结束时间
  1367. };
  1368. // 如果是妙极客的曲子,并且第二遍循环播放需要等待时间,并且是第二遍循环的第一个小节的第一个音符
  1369. // if (state.isEvxml && state.secondEvXmlBeginTime && nodeDetail.i > 0 && nodeDetail.MeasureNumberXML === 1 && nodeDetail.noteId === 0) {
  1370. // nodeDetail.time = nodeDetail.time + state.secondEvXmlBeginTime;
  1371. // nodeDetail.endtime = nodeDetail.endtime + state.secondEvXmlBeginTime;
  1372. // usetime = usetime + state.secondEvXmlBeginTime;
  1373. // relativeTime = relativeTime + state.secondEvXmlBeginTime;
  1374. // }
  1375. // if (state.isEvxml && nodeDetail.repeatIdx && nodeDetail.i > 0 && nodeDetail.MeasureNumberXML === 1 && nodeDetail.noteId === 0) {
  1376. const firstRepeatNodeId = allNotes.find((item: any) => item.MeasureNumberXML === state.timegapRepeatMeasureIndex)?.noteId || 0;
  1377. if (state.isEvxml && nodeDetail.repeatIdx && nodeDetail.i > 0 && nodeDetail.MeasureNumberXML === state.timegapRepeatMeasureIndex && nodeDetail.noteId === firstRepeatNodeId) {
  1378. const currentWaitTime = state.evXmlBeginArr[nodeDetail.repeatIdx] || 0;
  1379. nodeDetail.time = nodeDetail.time + currentWaitTime;
  1380. nodeDetail.endtime = nodeDetail.endtime + currentWaitTime;
  1381. usetime = usetime + currentWaitTime;
  1382. relativeTime = relativeTime + currentWaitTime;
  1383. }
  1384. nodeDetail.realKey = formatRealKey(note.halfTone - fixedKey * 12, nodeDetail);
  1385. nodeDetail.duration = nodeDetail.endtime - nodeDetail.time;
  1386. let tickables = currenrtVfVoices?.tickables || [];
  1387. if ([121].includes(state.subjectId)) {
  1388. tickables = note.sourceMeasure.verticalSourceStaffEntryContainers;
  1389. }
  1390. // console.log(note.sourceMeasure.MeasureNumberXML, note.sourceMeasure.verticalSourceStaffEntryContainers.length)
  1391. // console.log('👀看看endtime', nodeDetail.duration, relaEndtime, fixtime, i)
  1392. // console.log('音符时间',nodeDetail.i,nodeDetail.time,nodeDetail.endtime)
  1393. tickables = tickables.filter((tickable: any) => tickable.attrs?.type !== "GhostNote")
  1394. let maxNum = (state.isCombineRender && note.maxNoteNum) ? note.maxNoteNum : tickables.length;
  1395. // 妙极客的曲子,一个休止小节内可能有多个休止符,此时maxNum是0,需要针对这种情况作处理
  1396. if (note.isRestFlag && maxNum === 0) {
  1397. maxNum = note.maxNoteNum;
  1398. }
  1399. nodeDetail.noteLength = maxNum || 1;
  1400. allNotes.push(nodeDetail);
  1401. allNoteId.push(nodeDetail.id);
  1402. if ( measures.some((item: any) => item.MeasureNumberXML !== nodeDetail.MeasureNumberXML) ) {
  1403. measures = [];
  1404. measures.push(nodeDetail);
  1405. nodeDetail.measures = measures;
  1406. } else {
  1407. measures.push(nodeDetail);
  1408. }
  1409. /**
  1410. * bug: #9877
  1411. * 多分轨合并展示的曲子,不同分轨,同一小节音符的数量可能不能,不能只通过tickables的长度判断该小节的音符数量
  1412. */
  1413. if (si < maxNum - 1) {
  1414. si++;
  1415. } else {
  1416. si = 0;
  1417. relaMeasureLength = 0;
  1418. measures = [];
  1419. }
  1420. preNoteEndTime = nodeDetail.endtime;
  1421. }
  1422. i++;
  1423. }
  1424. // 按照时间轴排序
  1425. const sortArray = allNotes.sort((a, b) => a.relativeTime - b.relativeTime).map((item, index) => Object.assign(item,{i:index}));
  1426. // const sortArray = allNotes.sort((a, b) => a.time - b.time).map((item, index) => ({ ...item, i: index }));
  1427. // const sortArray = allNotes.map((item, index) => ({ ...item, i: index }));
  1428. // 给 xmlNoteTime 和 xmlNoteEndTime 赋值
  1429. let xmlNoteTime = 0
  1430. sortArray.map(item => {
  1431. const noteLengthTime = item.noteLengthTime
  1432. item.xmlNoteTime = retain(xmlNoteTime)
  1433. item.xmlNoteEndTime = retain(xmlNoteTime + noteLengthTime)
  1434. xmlNoteTime += noteLengthTime
  1435. })
  1436. console.timeEnd("音符跑完时间");
  1437. try {
  1438. osmd.cursor.reset();
  1439. } catch (error) {}
  1440. return sortArray;
  1441. };
  1442. /** 获取小节之间的连音线,仅同音高*/
  1443. export const getNoteByMeasuresSlursStart = (note: any) => {
  1444. let activeNote = note;
  1445. let tieNote;
  1446. if (note.noteElement.tie && note.noteElement.tie.StartNote) {
  1447. tieNote = note.noteElement.tie.StartNote;
  1448. }
  1449. if (activeNote && tieNote && tieNote !== activeNote.noteElement) {
  1450. const arr: any = []
  1451. for (const note of state.times) {
  1452. if (tieNote === note.noteElement) {
  1453. arr.push(note)
  1454. }
  1455. }
  1456. if (arr.length) {
  1457. return arr.find((n: any) => n.i === (note.i - 1)) || arr[0]
  1458. }
  1459. }
  1460. return activeNote;
  1461. };
  1462. // 解析xml,获取作词、作曲家名称
  1463. const getComposer = (xmlParse: any) => {
  1464. const creators: any = Array.from(xmlParse.querySelectorAll('creator'));
  1465. for (const creator of creators) {
  1466. if (creator && creator.getAttribute('type') === 'composer' && !state.musicComposer) {
  1467. state.musicComposer = creator.textContent?.trim() || '';
  1468. }
  1469. if (creator && creator.getAttribute('type') === 'lyricist' && !state.musicLyricist) {
  1470. state.musicLyricist = creator.textContent?.trim() || '';
  1471. }
  1472. }
  1473. }
  1474. // 通过xml信息获取重播的小节信息
  1475. const parseXmlToRepeat = (repeats: any) => {
  1476. if (!repeats.length) return
  1477. let repeatInfo: any = []
  1478. // 重复开始小节,结束小节
  1479. let start = 0, end = 0
  1480. for (let i = 0; i < repeats.length; i++) {
  1481. const element = repeats[i];
  1482. const direction = element.getAttribute('direction')
  1483. let parentElement = element.parentNode
  1484. while (parentElement && parentElement.tagName !== 'measure') {
  1485. parentElement = parentElement.parentNode
  1486. }
  1487. let notesNumber = parentElement.getAttribute('number') // 第多少小节,从1开始
  1488. notesNumber = notesNumber ? Number(notesNumber) : 0
  1489. if (direction === 'forward') {
  1490. start = notesNumber
  1491. } else if (direction === 'backward') {
  1492. end = notesNumber
  1493. repeatInfo.push({
  1494. start,
  1495. end
  1496. })
  1497. }
  1498. }
  1499. state.repeatInfo = repeatInfo
  1500. // console.log('重播',repeatInfo)
  1501. }
  1502. // 校验当前选段是否满足重播条件
  1503. export const verifyCanRepeat = (startNum: number, endNum: number) => {
  1504. let repeatIdx = -1
  1505. if (state.repeatInfo.length) {
  1506. for (let i = state.repeatInfo.length - 1; i >= 0; i--) {
  1507. const { start, end } = state.repeatInfo[i];
  1508. if (startNum <= start && endNum >= end) {
  1509. repeatIdx = i
  1510. return {
  1511. repeatIdx,
  1512. canRepeat: true
  1513. }
  1514. break;
  1515. }
  1516. }
  1517. return {
  1518. repeatIdx,
  1519. canRepeat: false
  1520. }
  1521. } else {
  1522. return {
  1523. repeatIdx,
  1524. canRepeat: false
  1525. }
  1526. }
  1527. }
  1528. // 处理妙极客xml谱面
  1529. const customizationXml = (xmlParse: any) => {
  1530. const credits: any = Array.from(xmlParse.querySelectorAll('credit'));
  1531. const creators: any = Array.from(xmlParse.querySelectorAll('creator'));
  1532. const graces: any = Array.from(xmlParse.querySelectorAll('grace'));
  1533. const measures: any[] = Array.from(xmlParse.getElementsByTagName("measure"));
  1534. const notes: any[] = Array.from(xmlParse.getElementsByTagName("note"));
  1535. // 获取音符最多的歌词数,用于自定义循环播放次数
  1536. let maxLyricNum = 0;
  1537. if (notes && notes.length) {
  1538. for (const note of notes) {
  1539. if (maxLyricNum < note.getElementsByTagName("lyric").length) {
  1540. maxLyricNum = note.getElementsByTagName("lyric").length
  1541. }
  1542. }
  1543. }
  1544. state.maxLyricNum = maxLyricNum;
  1545. // state.osmd.EngravingRules.DYCustomRepeatCount = maxLyricNum;
  1546. ;(window as any).DYCustomRepeatCount = state.maxLyricNum;
  1547. console.log('歌词次数',maxLyricNum)
  1548. if (credits && credits.length) {
  1549. for (const credit of credits) {
  1550. if (credit.getElementsByTagName("credit-type")?.[0]?.textContent === 'lyricist') {
  1551. const creditWord = credit.getElementsByTagName("credit-words")
  1552. creditWord?.[0].setAttribute('justify', 'right')
  1553. }
  1554. }
  1555. }
  1556. if (creators && creators.length) {
  1557. for (const creator of creators) {
  1558. if (creator.getAttribute('type') === 'lyricist') {
  1559. // creator.textContent = '测试一下1';
  1560. }
  1561. }
  1562. }
  1563. // 妙极客xml的倚音(grace)标签需要加上slash=yes属性
  1564. if (graces && graces.length) {
  1565. for (const grace of graces) {
  1566. grace?.setAttribute('slash','yes');
  1567. // console.log(grace,'倚音')
  1568. }
  1569. }
  1570. // 妙极客xml部分小节没有音符,只有Segno,该小节不需要渲染,表示的是反复标记
  1571. for (const measure of measures) {
  1572. const hasNote = measure.getElementsByTagName("note").length;
  1573. const hasSegno = measure.getElementsByTagName("segno").length;
  1574. const sounds = Array.from(measure.getElementsByTagName("sound"));
  1575. const hasSoundSegno = sounds.some((item: any) => item.getAttribute('segno') === 'segno' );
  1576. if (!hasNote && hasSegno && hasSoundSegno) {
  1577. const parent = measure.parentNode;
  1578. parent.removeChild(measure);
  1579. }
  1580. }
  1581. /**
  1582. * bug: #10289,曲目:1782672015612725196、1788040971888537602
  1583. * 妙极客xml,多遍歌词循环的曲目,如果没有repeat标签,需要加上repeat标签
  1584. * */
  1585. if (maxLyricNum > 1) {
  1586. const hasRepeat = xmlParse.querySelectorAll('repeat').length > 0;
  1587. if (!hasRepeat) {
  1588. const parts = xmlParse.querySelectorAll('score-partwise>part')
  1589. if (parts.length) {
  1590. for (const part of parts) {
  1591. const currentMeasures = part.querySelectorAll('measure').length ? Array.from(part.querySelectorAll('measure')) : [];
  1592. const lastMeasure: any = currentMeasures.last();
  1593. if (lastMeasure?.getElementsByTagName('barline').length) {
  1594. const barlineDom = lastMeasure?.getElementsByTagName('barline')[0]
  1595. barlineDom.innerHTML = barlineDom.innerHTML + `<repeat direction="backward" />`;
  1596. } else {
  1597. lastMeasure.innerHTML = lastMeasure.innerHTML + `
  1598. <barline location="right">
  1599. <bar-style>light-heavy</bar-style>
  1600. <repeat direction="backward" />
  1601. </barline>`
  1602. }
  1603. // console.log(lastMeasure)
  1604. }
  1605. }
  1606. }
  1607. }
  1608. }
  1609. // 计算evxml的起始播放时间
  1610. const analyzeEvxml = (xmlParse: any, xmlUrl?: string) => {
  1611. // xml拍号数
  1612. const xmlNum = xmlParse.getElementsByTagName("timegap")[0]?.getElementsByTagName("values")[0]?.getElementsByTagName("item")[0]?.getAttribute('num');
  1613. const denNum = xmlParse.getElementsByTagName("timegap")[0]?.getElementsByTagName("values")[0]?.getElementsByTagName("item")[0]?.getAttribute('den');
  1614. const xmlNum2 = xmlParse.getElementsByTagName("timegap")[0]?.getElementsByTagName("values")[0]?.getElementsByTagName("item")[1]?.getAttribute('num');
  1615. const denNum2 = xmlParse.getElementsByTagName("timegap")[0]?.getElementsByTagName("values")[0]?.getElementsByTagName("item")[1]?.getAttribute('den');
  1616. const timeGaps: any = xmlParse.getElementsByTagName("timegap")?.length ? Array.from(xmlParse.getElementsByTagName("timegap")?.[0]?.getElementsByTagName("values")?.[0]?.getElementsByTagName("item")) : [];
  1617. state.xmlHasTimes = !!xmlParse.getElementsByTagName("times")?.length
  1618. // 第一个音符的起始时间
  1619. const firstMeasure = xmlParse.getElementsByTagName("measure")[0];
  1620. if (firstMeasure) {
  1621. const firstNoteBeginTime = firstMeasure.getElementsByTagName("times")[0]?.getElementsByTagName("time")[0]?.getAttribute('begin');
  1622. state.evXmlBeginTime = firstNoteBeginTime ? firstNoteBeginTime / 1000 : xmlNum ? 60 / state.originSpeed * xmlNum * 4/denNum : 0;
  1623. state.secondEvXmlBeginTime = firstNoteBeginTime ? 0 : xmlNum2 ? 60 / state.originSpeed * xmlNum2 * 4/denNum2 : 0;
  1624. const hasTimeGap = state.xmlHasTimeGap = xmlParse.getElementsByTagName("timegap").length > 0;
  1625. const hasTimes = xmlParse.getElementsByTagName("times").length > 0;
  1626. if (timeGaps && timeGaps.length && !firstNoteBeginTime) {
  1627. // 有timegap的曲子,需要找到是从哪一小节开始循环的,默认是从第一节开始循环
  1628. const startRepeat = Array.from(xmlParse.getElementsByTagName("repeat") || []).filter((item: any) => item?.getAttribute('direction') === 'forward')
  1629. const firstRepeat: any = startRepeat?.length ? startRepeat[0] : null;
  1630. if (firstRepeat) {
  1631. let parentElement = firstRepeat?.parentNode
  1632. while (parentElement && parentElement.tagName !== 'measure') {
  1633. parentElement = parentElement.parentNode
  1634. }
  1635. state.timegapRepeatMeasureIndex = parentElement?.getAttribute('number') ? Number(parentElement?.getAttribute('number')) : 1;
  1636. }
  1637. for (const timeGap of timeGaps) {
  1638. const num: any = timeGap?.getAttribute('num'), den: any = timeGap?.getAttribute('den');
  1639. const startTime = num ? 60 / state.originSpeed * num * 4/den : 0;
  1640. state.evXmlBeginArr.push(startTime)
  1641. }
  1642. }
  1643. console.log('🚀 ~ evxml解析','有timegap:',hasTimeGap,'有times:',hasTimes,'timegap集合',state.evXmlBeginArr,'第一个timegap',state.evXmlBeginTime)
  1644. }
  1645. // if (!hasTimeGap && !hasTimes) {
  1646. // state.noTimes.push(xmlUrl)
  1647. // }
  1648. }
  1649. /**
  1650. * 兼容处理xml声部移调
  1651. * 打谱软件可能会自动处理移调,这类型的xml就不用通过程序移调了
  1652. * 没有通过软件处理的移调xml,才需要通过程序处理
  1653. * 判读规则:只处理独奏的,不处理合奏的,
  1654. * <instrument-name></instrument-name>标签的值为:Tenor Recorder(竖笛)、Panpipes(排箫)、Ocarina(陶笛)、Woodwind(葫芦丝)、空的和solo,需要程序处理移调
  1655. */
  1656. export const compatibleXmlPitchVoice = (xmlParse: any) => {
  1657. const partNames = Array.from(xmlParse.getElementsByTagName('part-name'));
  1658. const partListNames = partNames.filter((item: any) => item?.textContent?.trim().toLocaleUpperCase() !== "COMMON");
  1659. if (partListNames.length == 1) {
  1660. const instrumentNames = Array.from(xmlParse.getElementsByTagName('instrument-name')) || [];
  1661. // @ts-ignore
  1662. const instrumentName = instrumentNames[0]?.textContent?.trim()?.toLocaleLowerCase() || ''
  1663. // console.log('instrument名称',instrumentName)
  1664. // 是否需要程序处理移调
  1665. let xmlNeedAdjustVoice = false;
  1666. switch (state.musicalCodeId) {
  1667. case 37:
  1668. case 38:
  1669. xmlNeedAdjustVoice = !instrumentName || instrumentName.includes('solo') || instrumentName.includes('tenor recorder') ? true : false
  1670. break;
  1671. case 33:
  1672. xmlNeedAdjustVoice = !instrumentName || instrumentName.includes('solo') || instrumentName.includes('panpipes') ? true : false
  1673. break;
  1674. case 34:
  1675. xmlNeedAdjustVoice = !instrumentName || instrumentName.includes('solo') || instrumentName.includes('ocarina') ? true : false
  1676. break;
  1677. case 35:
  1678. xmlNeedAdjustVoice = !instrumentName || instrumentName.includes('solo') || instrumentName.includes('woodwind') ? true : false
  1679. break;
  1680. case 39:
  1681. xmlNeedAdjustVoice = !instrumentName || instrumentName.includes('solo') || instrumentName.includes('whistling') ? true : false
  1682. break;
  1683. default:
  1684. xmlNeedAdjustVoice = !instrumentName || instrumentName.includes('solo') ? true : false
  1685. break;
  1686. }
  1687. (window as any).xmlNeedAdjustVoice = xmlNeedAdjustVoice
  1688. }
  1689. }