scripts.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708
  1. Amplitude.init({
  2. "volume": 100,
  3. "songs": [
  4. {
  5. "name": "Scenes from Childhood, Op. 15 No. 1",
  6. "artist": "Robert Schumann",
  7. "album": "",
  8. "url": "/audio/piano/schumman.mp3",
  9. "cover_art_url": "/img/schumann.png"
  10. },
  11. {
  12. "name": "Mazurka in A minor, Op. 17 No. 4",
  13. "artist": "Frédéric Chopin",
  14. "album": "",
  15. "url": "/audio/piano/mazurka_am.mp3",
  16. "cover_art_url": "/img/chopin.png"
  17. },
  18. {
  19. "name": "Doctor Gradus as Parnuassum",
  20. "artist": "Claude Debussy",
  21. "album": "Children's Corner Suite, L 113",
  22. "url": "/audio/piano/dr_gradus.m4a",
  23. "cover_art_url": "/img/gradus.jpg"
  24. },
  25. {
  26. "name": "Sonatina in C Major, Op. 55 No. 1",
  27. "artist": "Friedrich Kuhlau",
  28. "album": "",
  29. "url": "/audio/piano/Kuhlau.mp3",
  30. "cover_art_url": "/img/kuhlau.png"
  31. },
  32. {
  33. "name": "China",
  34. "artist": "2010",
  35. "album": "Icon",
  36. "url": "/audio/icon/01_China.mp3",
  37. "cover_art_url": "/img/icons.jpg"
  38. },
  39. {
  40. "name": "Experiment in C Minor",
  41. "artist": "2010",
  42. "album": "Icon",
  43. "url": "/audio/icon/02_Experiment_in_Cm.mp3",
  44. "cover_art_url": "/img/icons.jpg"
  45. },
  46. {
  47. "name": "E Minor Diversion",
  48. "artist": "2010",
  49. "album": "Icon",
  50. "url": "/audio/icon/03_EmDiversion.mp3",
  51. "cover_art_url": "/img/icons.jpg"
  52. },
  53. {
  54. "name": "Poem",
  55. "artist": "2010",
  56. "album": "Icon",
  57. "url": "/audio/icon/06_Poem.mp3",
  58. "cover_art_url": "/img/icons.jpg"
  59. },
  60. {
  61. "name": "The Other Room",
  62. "artist": "2010",
  63. "album": "Icon",
  64. "url": "/audio/icon/07_The_Other_Room.mp3",
  65. "cover_art_url": "/img/icons.jpg"
  66. },
  67. {
  68. "name": "Smokin",
  69. "artist": "2010",
  70. "album": "Icon",
  71. "url": "/audio/icon/08_smokin.mp3",
  72. "cover_art_url": "/img/icons.jpg"
  73. },
  74. {
  75. "name": "Poem #2",
  76. "artist": "2010",
  77. "album": "Icon",
  78. "url": "/audio/icon/09_poem3.mp3",
  79. "cover_art_url": "/img/icons.jpg"
  80. },
  81. {
  82. "name": "Poem #4",
  83. "artist": "2010",
  84. "album": "Icon",
  85. "url": "/audio/icon/06_poem4.mp3",
  86. "cover_art_url": "/img/icons.jpg"
  87. },
  88. {
  89. "name": "Prelude in G Minor",
  90. "artist": "2010",
  91. "album": "Icon",
  92. "url": "/audio/icon/11_Prelude_in_Gm.mp3",
  93. "cover_art_url": "/img/icons.jpg"
  94. },
  95. {
  96. "name": "Farout",
  97. "artist": "2010",
  98. "album": "Icon",
  99. "url": "/audio/icon/12_farout.mp3",
  100. "cover_art_url": "/img/icons.jpg"
  101. },
  102. {
  103. "name": "China #2",
  104. "artist": "2010",
  105. "album": "Icon",
  106. "url": "/audio/icon/15_china2.mp3",
  107. "cover_art_url": "/img/icons.jpg"
  108. },
  109. {
  110. "name": "Clementi Sample",
  111. "artist": "2010",
  112. "album": "Diversions",
  113. "url": "/audio/diversions/1_clementisample.mp3",
  114. "cover_art_url": "/img/diversions.jpg"
  115. },
  116. {
  117. "name": "Clementi Sample #2",
  118. "artist": "2010",
  119. "album": "Diversions",
  120. "url": "/audio/diversions/2_Clementisample2.mp3",
  121. "cover_art_url": "/img/diversions.jpg"
  122. },
  123. {
  124. "name": "Nocture Sample",
  125. "artist": "2010",
  126. "album": "Diversions",
  127. "url": "/audio/diversions/3_nocturnesample.mp3",
  128. "cover_art_url": "/img/diversions.jpg"
  129. },
  130. {
  131. "name": "Diversion in D Sharp Minor",
  132. "artist": "2010",
  133. "album": "Diversions",
  134. "url": "/audio/diversions/4_diversion_in_dsharpm.mp3",
  135. "cover_art_url": "/img/diversions.jpg"
  136. },
  137. {
  138. "name": "Meditation in F Sharp",
  139. "artist": "2010",
  140. "album": "Diversions",
  141. "url": "/audio/diversions/mediation_in_fsharp.mp3",
  142. "cover_art_url": "/img/diversions.jpg"
  143. },
  144. {
  145. "name": "Poem #2",
  146. "artist": "2010",
  147. "album": "Diversions",
  148. "url": "/audio/diversions/poemnumber2.mp3",
  149. "cover_art_url": "/img/diversions.jpg"
  150. },
  151. {
  152. "name": "Prelude in C Minor",
  153. "artist": "2010",
  154. "album": "Diversions",
  155. "url": "/audio/diversions/Prelude_in_Cm1.mp3",
  156. "cover_art_url": "/img/diversions.jpg"
  157. },
  158. {
  159. "name": "Solfeggio",
  160. "artist": "2010",
  161. "album": "Diversions",
  162. "url": "/audio/diversions/solfeggio.mp3",
  163. "cover_art_url": "/img/diversions.jpg"
  164. },
  165. {
  166. "name": "Waltz in E Minor",
  167. "artist": "2010",
  168. "album": "Diversions",
  169. "url": "/audio/diversions/waltz_in_em.mp3",
  170. "cover_art_url": "/img/diversions.jpg"
  171. },
  172. {
  173. "name": "Domenica",
  174. "artist": "Unknown",
  175. "album": "Unknown",
  176. "url": "/audio/piano_unknown/domenica.mp3",
  177. "cover_art_url": "/img/unknown.jpg"
  178. },
  179. {
  180. "name": "Down",
  181. "artist": "Unknown",
  182. "album": "Unknown",
  183. "url": "/audio/piano_unknown/down.mp3",
  184. "cover_art_url": "/img/unknown.jpg"
  185. },
  186. {
  187. "name": "Feeling Low",
  188. "artist": "2015",
  189. "album": "Unknown",
  190. "url": "/audio/piano_unknown/Feeling_Low.mp3",
  191. "cover_art_url": "/img/unknown.jpg"
  192. },
  193. {
  194. "name": "First Flight",
  195. "artist": "Unknown",
  196. "album": "Unknown",
  197. "url": "/audio/piano_unknown/first_flight.mp3",
  198. "cover_art_url": "/img/unknown.jpg"
  199. },
  200. {
  201. "name": "Halftime",
  202. "artist": "Unknown",
  203. "album": "Unknown",
  204. "url": "/audio/piano_unknown/halftime.mp3",
  205. "cover_art_url": "/img/unknown.jpg"
  206. },
  207. {
  208. "name": "Ice",
  209. "artist": "Unknown",
  210. "album": "Unknown",
  211. "url": "/audio/piano_unknown/Ice.mp3",
  212. "cover_art_url": "/img/unknown.jpg"
  213. },
  214. {
  215. "name": "Impression",
  216. "artist": "Unknown",
  217. "album": "Unknown",
  218. "url": "/audio/piano_unknown/impression.mp3",
  219. "cover_art_url": "/img/unknown.jpg"
  220. },
  221. {
  222. "name": "Never Before Heard",
  223. "artist": "Unknown",
  224. "album": "Unknown",
  225. "url": "/audio/piano_unknown/never_before_heard.mp3",
  226. "cover_art_url": "/img/unknown.jpg"
  227. },
  228. {
  229. "name": "New Years Day",
  230. "artist": "Unknown",
  231. "album": "Unknown",
  232. "url": "/audio/piano_unknown/new-years-day.mp3",
  233. "cover_art_url": "/img/unknown.jpg"
  234. },
  235. {
  236. "name": "Night Sun",
  237. "artist": "Unknown",
  238. "album": "Unknown",
  239. "url": "/audio/piano_unknown/NightSun.mp3",
  240. "cover_art_url": "/img/unknown.jpg"
  241. },
  242. {
  243. "name": "Piano with Flute & Strings",
  244. "artist": "Unknown",
  245. "album": "Unknown",
  246. "url": "/audio/piano_unknown/piano-with-flute-strings.mp3",
  247. "cover_art_url": "/img/unknown.jpg"
  248. },
  249. {
  250. "name": "Piece",
  251. "artist": "Unknown",
  252. "album": "Unknown",
  253. "url": "/audio/piano_unknown/piece-of-dookie.mp3",
  254. "cover_art_url": "/img/unknown.jpg"
  255. },
  256. {
  257. "name": "Prelude 7",
  258. "artist": "2017",
  259. "album": "Unknown",
  260. "url": "/audio/piano_unknown/Prelude7.mp3",
  261. "cover_art_url": "/img/unknown.jpg"
  262. },
  263. {
  264. "name": "Sketch",
  265. "artist": "Unknown",
  266. "album": "Unknown",
  267. "url": "/audio/piano_unknown/scketch.mp3",
  268. "cover_art_url": "/img/unknown.jpg"
  269. },
  270. {
  271. "name": "Soaring",
  272. "artist": "Unknown",
  273. "album": "Unknown",
  274. "url": "/audio/piano_unknown/Soaring.mp3",
  275. "cover_art_url": "/img/unknown.jpg"
  276. },
  277. {
  278. "name": "Time Slips",
  279. "artist": "Unknown",
  280. "album": "Unknown",
  281. "url": "/audio/piano_unknown/timeslips.mp3",
  282. "cover_art_url": "/img/unknown.jpg"
  283. },
  284. {
  285. "name": "Valentines",
  286. "artist": "Unknown",
  287. "album": "Unknown",
  288. "url": "/audio/piano_unknown/Valentines.mp3",
  289. "cover_art_url": "/img/unknown.jpg"
  290. },
  291. {
  292. "name": "Winter",
  293. "artist": "Unknown",
  294. "album": "Unknown",
  295. "url": "/audio/piano_unknown/winter.mp3",
  296. "cover_art_url": "/img/unknown.jpg"
  297. },
  298. {
  299. "name": "1",
  300. "artist": "2017",
  301. "album": "Clips for Film",
  302. "url": "/audio/clips-for-film/1.mp3",
  303. "cover_art_url": "/img/clips.jpg"
  304. },
  305. {
  306. "name": "2",
  307. "artist": "2017",
  308. "album": "Clips for Film",
  309. "url": "/audio/clips-for-film/2.mp3",
  310. "cover_art_url": "/img/clips.jpg"
  311. },
  312. {
  313. "name": "3",
  314. "artist": "2017",
  315. "album": "Clips for Film",
  316. "url": "/audio/clips-for-film/3.mp3",
  317. "cover_art_url": "/img/clips.jpg"
  318. },
  319. {
  320. "name": "4",
  321. "artist": "2017",
  322. "album": "Clips for Film",
  323. "url": "/audio/clips-for-film/4.mp3",
  324. "cover_art_url": "/img/clips.jpg"
  325. },
  326. {
  327. "name": "5",
  328. "artist": "2017",
  329. "album": "Clips for Film",
  330. "url": "/audio/clips-for-film/5.mp3",
  331. "cover_art_url": "/img/clips.jpg"
  332. },
  333. {
  334. "name": "6",
  335. "artist": "2017",
  336. "album": "Clips for Film",
  337. "url": "/audio/clips-for-film/6.mp3",
  338. "cover_art_url": "/img/clips.jpg"
  339. },
  340. {
  341. "name": "7",
  342. "artist": "2017",
  343. "album": "Clips for Film",
  344. "url": "/audio/clips-for-film/7.mp3",
  345. "cover_art_url": "/img/clips.jpg"
  346. },
  347. {
  348. "name": "8",
  349. "artist": "2017",
  350. "album": "Clips for Film",
  351. "url": "/audio/clips-for-film/8.mp3",
  352. "cover_art_url": "/img/clips.jpg"
  353. },
  354. {
  355. "name": "9",
  356. "artist": "2017",
  357. "album": "Clips for Film",
  358. "url": "/audio/clips-for-film/9.mp3",
  359. "cover_art_url": "/img/clips.jpg"
  360. },
  361. {
  362. "name": "10",
  363. "artist": "2017",
  364. "album": "Clips for Film",
  365. "url": "/audio/clips-for-film/11.mp3",
  366. "cover_art_url": "/img/clips.jpg"
  367. },
  368. {
  369. "name": "11",
  370. "artist": "2017",
  371. "album": "Clips for Film",
  372. "url": "/audio/clips-for-film/11.mp3",
  373. "cover_art_url": "/img/clips.jpg"
  374. },
  375. {
  376. "name": "12",
  377. "artist": "2017",
  378. "album": "Clips for Film",
  379. "url": "/audio/clips-for-film/12.mp3",
  380. "cover_art_url": "/img/clips.jpg"
  381. },
  382. {
  383. "name": "13",
  384. "artist": "2017",
  385. "album": "Clips for Film",
  386. "url": "/audio/clips-for-film/13.mp3",
  387. "cover_art_url": "/img/clips.jpg"
  388. },
  389. {
  390. "name": "14",
  391. "artist": "2017",
  392. "album": "Clips for Film",
  393. "url": "/audio/clips-for-film/14.mp3",
  394. "cover_art_url": "/img/clips.jpg"
  395. },
  396. {
  397. "name": "15",
  398. "artist": "2017",
  399. "album": "Clips for Film",
  400. "url": "/audio/clips-for-film/15.mp3",
  401. "cover_art_url": "/img/clips.jpg"
  402. },
  403. {
  404. "name": "Circle Clip",
  405. "artist": "2011",
  406. "album": "Delia",
  407. "url": "/audio/delia/CircleClip.mp3",
  408. "cover_art_url": "/img/delia.jpg"
  409. },
  410. {
  411. "name": "No Woman No Cry",
  412. "artist": "2011",
  413. "album": "Delia",
  414. "url": "/audio/delia/NoWomanNoCry.mp3",
  415. "cover_art_url": "/img/delia.jpg"
  416. },
  417. {
  418. "name": "One More Cup of Coffee",
  419. "artist": "2011",
  420. "album": "Delia",
  421. "url": "/audio/delia/OneMoreCupofCoffee.mp3",
  422. "cover_art_url": "/img/delia.jpg"
  423. },
  424. {
  425. "name": "Rhapsody In O Flat Minor",
  426. "artist": "2011",
  427. "album": "Delia",
  428. "url": "/audio/delia/RhapsodyInOFlatMinor.mp3",
  429. "cover_art_url": "/img/delia.jpg"
  430. },
  431. {
  432. "name": "The River",
  433. "artist": "2011",
  434. "album": "Delia",
  435. "url": "/audio/delia/TheRiver.mp3",
  436. "cover_art_url": "/img/delia.jpg"
  437. },
  438. {
  439. "name": "Protos",
  440. "artist": "2015",
  441. "album": "Mystic",
  442. "url": "/audio/mystic/1-Protos.mp3",
  443. "cover_art_url": "/img/mystic.png"
  444. },
  445. {
  446. "name": "Mercury",
  447. "artist": "2015",
  448. "album": "Mystic",
  449. "url": "/audio/mystic/2-Mercury.mp3",
  450. "cover_art_url": "/img/mystic.png"
  451. },
  452. {
  453. "name": "Mystic",
  454. "artist": "2015",
  455. "album": "Mystic",
  456. "url": "/audio/mystic/3-Mystic.mp3",
  457. "cover_art_url": "/img/mystic.png"
  458. },
  459. {
  460. "name": "Hermes",
  461. "artist": "2015",
  462. "album": "Mystic",
  463. "url": "/audio/mystic/4-Hermes.mp3",
  464. "cover_art_url": "/img/mystic.png"
  465. },
  466. {
  467. "name": "Agentum",
  468. "artist": "2015",
  469. "album": "Mystic",
  470. "url": "/audio/mystic/5-Argentum.mp3",
  471. "cover_art_url": "/img/mystic.png"
  472. },
  473. {
  474. "name": "Aurum",
  475. "artist": "2015",
  476. "album": "Mystic",
  477. "url": "/audio/mystic/6-Aurum.mp3",
  478. "cover_art_url": "/img/mystic.png"
  479. },
  480. {
  481. "name": "Ouroboros",
  482. "artist": "2015",
  483. "album": "Mystic",
  484. "url": "/audio/mystic/7-Ouroboros.mp3",
  485. "cover_art_url": "/img/mystic.png"
  486. },
  487. {
  488. "name": "Orbital Habitat",
  489. "artist": "2015",
  490. "album": "Suka",
  491. "url": "/audio/suka/1-Orbital_Habitat.mp3",
  492. "cover_art_url": "/img/suka.jpg"
  493. },
  494. {
  495. "name": "Ogon",
  496. "artist": "2015",
  497. "album": "Suka",
  498. "url": "/audio/suka/2-Ogon.mp3",
  499. "cover_art_url": "/img/suka.jpg"
  500. },
  501. {
  502. "name": "Onus",
  503. "artist": "2015",
  504. "album": "Suka",
  505. "url": "/audio/suka/3-Onus.mp3",
  506. "cover_art_url": "/img/suka.jpg"
  507. },
  508. {
  509. "name": "Dom Suka",
  510. "artist": "2015",
  511. "album": "Suka",
  512. "url": "/audio/suka/4-Dom_Suka.mp3",
  513. "cover_art_url": "/img/suka.jpg"
  514. },
  515. {
  516. "name": "Sedulous",
  517. "artist": "2015",
  518. "album": "Suka",
  519. "url": "/audio/suka/5-Sedulous.mp3",
  520. "cover_art_url": "/img/suka.jpg"
  521. },
  522. {
  523. "name": "Strakh",
  524. "artist": "2015",
  525. "album": "Suka",
  526. "url": "/audio/suka/6-Strakh.mp3",
  527. "cover_art_url": "/img/suka.jpg"
  528. },
  529. {
  530. "name": "Blank",
  531. "artist": "2015",
  532. "album": "Suka",
  533. "url": "/audio/suka/7-Blank.mp3",
  534. "cover_art_url": "/img/suka.jpg"
  535. },
  536. {
  537. "name": "Simple X",
  538. "artist": "2015",
  539. "album": "Vox Dei",
  540. "url": "/audio/vox-dei/1-SimpleX.mp3",
  541. "cover_art_url": "/img/vox.jpg"
  542. },
  543. {
  544. "name": "Vox Dei",
  545. "artist": "2015",
  546. "album": "Vox Dei",
  547. "url": "/audio/vox-dei/2-Vox_Dei.mp3",
  548. "cover_art_url": "/img/vox.jpg"
  549. },
  550. {
  551. "name": "Spiritus",
  552. "artist": "2015",
  553. "album": "Vox Dei",
  554. "url": "/audio/vox-dei/3-Spiritus.mp3",
  555. "cover_art_url": "/img/vox.jpg"
  556. },
  557. {
  558. "name": "Isabellae",
  559. "artist": "2015",
  560. "album": "Vox Dei",
  561. "url": "/audio/vox-dei/4-Isabellae.mp3",
  562. "cover_art_url": "/img/vox.jpg"
  563. },
  564. {
  565. "name": "Inlustris",
  566. "artist": "2015",
  567. "album": "Vox Dei",
  568. "url": "/audio/vox-dei/5-Inlustris.mp3",
  569. "cover_art_url": "/img/vox.jpg"
  570. },
  571. {
  572. "name": "Oceanus",
  573. "artist": "2015",
  574. "album": "Vox Dei",
  575. "url": "/audio/vox-dei/6-Oceanus.mp3",
  576. "cover_art_url": "/img/vox.jpg"
  577. },
  578. {
  579. "name": "Easter",
  580. "artist": "2016",
  581. "album": "Live",
  582. "url": "/audio/LivePiano/KW-Live_Easter_2016.mp3",
  583. "cover_art_url": "/img/live.jpg"
  584. },
  585. {
  586. "name": "3/26",
  587. "artist": "2016",
  588. "album": "Live",
  589. "url": "/audio/LivePiano/KW-Live_3_26_2016.mp3",
  590. "cover_art_url": "/img/live.jpg"
  591. },
  592. {
  593. "name": "3/27",
  594. "artist": "2016",
  595. "album": "Live",
  596. "url": "/audio/LivePiano/KW-Live_3_27_2016.mp3",
  597. "cover_art_url": "/img/live.jpg"
  598. },
  599. {
  600. "name": "3/28",
  601. "artist": "2016",
  602. "album": "Live",
  603. "url": "/audio/LivePiano/KW-Live_3_28_2016.mp3",
  604. "cover_art_url": "/img/live.jpg"
  605. },
  606. {
  607. "name": "3/29",
  608. "artist": "2016",
  609. "album": "Live",
  610. "url": "/audio/LivePiano/KW-Live_3_29_2016.mp3",
  611. "cover_art_url": "/img/live.jpg"
  612. },
  613. {
  614. "name": "4/10",
  615. "artist": "2016",
  616. "album": "Live",
  617. "url": "/audio/LivePiano/KW-Live_4_10_2016.mp3",
  618. "cover_art_url": "/img/live.jpg"
  619. },
  620. {
  621. "name": "4/24",
  622. "artist": "2016",
  623. "album": "Live",
  624. "url": "/audio/LivePiano/KW-Live_4_24_2016.mp3",
  625. "cover_art_url": "/img/live.jpg"
  626. },
  627. {
  628. "name": "iWoody",
  629. "artist": "2016",
  630. "album": "Live",
  631. "url": "/audio/LivePiano/KW-Live-iwoody.mp3",
  632. "cover_art_url": "/img/live.jpg"
  633. },
  634. {
  635. "name": "iWoody(2)",
  636. "artist": "2016",
  637. "album": "Live",
  638. "url": "/audio/LivePiano/KW-Live-on-iWoody.mp3",
  639. "cover_art_url": "/img/live.jpg"
  640. },
  641. ],
  642. "callbacks": {
  643. 'play': function(){
  644. document.getElementById('album-art').style.visibility = 'hidden';
  645. document.getElementById('large-visualization').style.visibility = 'visible';
  646. },
  647. 'pause': function(){
  648. document.getElementById('album-art').style.visibility = 'visible';
  649. document.getElementById('large-visualization').style.visibility = 'hidden';
  650. }
  651. },
  652. waveforms: {
  653. sample_rate: 200
  654. }
  655. });
  656. let songElements = document.getElementsByClassName('song');
  657. for( var i = 0; i < songElements.length; i++ ){
  658. /*
  659. Ensure that on mouseover, CSS styles don't get messed up for active songs.
  660. */
  661. songElements[i].addEventListener('mouseover', function(){
  662. this.style.backgroundColor = '#494949';
  663. this.querySelectorAll('.song-meta-data .song-title')[0].style.color = '#FFFFFF';
  664. this.querySelectorAll('.song-meta-data .song-artist')[0].style.color = '#FFFFFF';
  665. if( !this.classList.contains('amplitude-active-song-container') ){
  666. this.querySelectorAll('.play-button-container')[0].style.display = 'block';
  667. }
  668. this.querySelectorAll('.song-duration')[0].style.color = '#FFFFFF';
  669. });
  670. /*
  671. Ensure that on mouseout, CSS styles don't get messed up for active songs.
  672. */
  673. songElements[i].addEventListener('mouseout', function(){
  674. this.style.backgroundColor = '#FFFFFF';
  675. this.querySelectorAll('.song-meta-data .song-title')[0].style.color = '#272726';
  676. this.querySelectorAll('.song-meta-data .song-artist')[0].style.color = '#607D8B';
  677. this.querySelectorAll('.play-button-container')[0].style.display = 'none';
  678. this.querySelectorAll('.song-duration')[0].style.color = '#607D8B';
  679. });
  680. /*
  681. Show and hide the play button container on the song when the song is clicked.
  682. */
  683. songElements[i].addEventListener('click', function(){
  684. this.querySelectorAll('.play-button-container')[0].style.display = 'none';
  685. });
  686. }
  687. const myModalEl = document.getElementById('Video');
  688. var video = document.getElementById("redemption");
  689. var video2 = document.getElementById("hollow");
  690. function stopVideo() {
  691. video.pause();
  692. video.currentTime = 0;
  693. video2.pause();
  694. video2.currentTime = 0;
  695. }
  696. myModalEl.addEventListener('hidden.bs.modal', event => {
  697. stopVideo();
  698. })