anirudh/simpliplay-desktop
1
0
Fork 0
mirror of https://github.com/A-Star100/simpliplay-desktop.git synced 2025-09-17 22:29:38 +00:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Update renderer.js

Browse Source
This commit is contained in:
Anirudh Sevugan 2025-06-03 19:17:48 -05:00 committed by GitHub
parent e516ca2606
commit 8aeaef9724
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
simpliplay/renderer.js
View File

@ -1,4 +1,8 @@
let mediaElement = document.getElementById("mediaPlayer"); let mediaElement = document.getElementById("mediaPlayer");
let midiPlayerElement = document.getElementById("midiPlayer");
let midiVisualizerElement = document.getElementById("myVisualizer");
mediaElement.style.display = 'flex';
function loadMedia(fileURL) { function loadMedia(fileURL) {
@ -34,6 +38,14 @@ function isSafeURL(fileURL) {
} }
} }
function isMidi(fileURL) {
try {
const url = new URL(fileURL);
return (url.toLowerCase().endsWith('.mid') || url.toLowerCase().endsWith('.midi'))
} catch (error) {
return false;
}
}
// ✅ Listen for "play-media" event from main process securely // ✅ Listen for "play-media" event from main process securely
window.electron.receive("play-media", (fileURL) => { window.electron.receive("play-media", (fileURL) => {
@ -43,4 +55,19 @@ window.electron.receive("play-media", (fileURL) => {
} else { } else {
console.warn("Blocked unsafe media URL:", fileURL); console.warn("Blocked unsafe media URL:", fileURL);
} }
if (isMidi(fileURL)) {
midiPlayerElement.src = fileURL;
midiPlayerElement.style.display = 'flex';
midiPlayerVisualizer.style.display = 'flex';
mediaElement.style.display = 'none';
mediaElement.pause();
if (autoplayCheckbox && autoplayCheckbox.checked) {
midiPlayerElement.play().catch(error => console.warn("Playback issue:", error));
}
} else {
midiPlayerElement.style.display = 'none';
midiPlayerVisualizer.style.display = 'none';
mediaElement.style.display = 'flex';
}
}); });