formateMusic.ts 48 KB

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