185 lines
5.2 KiB
HTML
185 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Test</title>
|
|
|
|
<style type="text/css">
|
|
body,html {
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
background: transparent;
|
|
}
|
|
|
|
.game {
|
|
width: 100%;
|
|
height: 100%;
|
|
max-width: 100%;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.ejs_menu_bar {
|
|
display: none !important;
|
|
}
|
|
</style>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.2.0/crypto-js.min.js" integrity="sha512-a+SUDuwNzXDvz4XrIcXHuCf089/iJAoN4lmrXJg18XnduKK6YlDHNRalv4yd1N40OKI80tFidF+rqTFKGPoWFQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="game" id="game">
|
|
</div>
|
|
|
|
<script type="text/javascript" language="javascript">
|
|
let scriptElement = null;
|
|
|
|
let initInterval = setInterval(() => {
|
|
send({ message: 'iframe_loaded' });
|
|
}, 500);
|
|
|
|
EJS_player = "#game";
|
|
EJS_pathtodata = "https://cdn.emulatorjs.org/stable/data/";
|
|
EJS_language = "en-US";
|
|
EJS_volume = 0;
|
|
EJS_startOnLoaded = true;
|
|
EJS_backgroundColor = '#000';
|
|
|
|
EJS_Buttons = {
|
|
playPause: false,
|
|
restart: false,
|
|
mute: false,
|
|
settings: false,
|
|
fullscreen: false,
|
|
saveState: false,
|
|
loadState: false,
|
|
screenRecord: false,
|
|
gamepad: false,
|
|
cheat: false,
|
|
volume: false,
|
|
saveSavFiles: false,
|
|
loadSavFiles: false,
|
|
quickSave: false,
|
|
quickLoad: false,
|
|
screenshot: false,
|
|
cacheManager: false,
|
|
exitEmulation: false
|
|
}
|
|
|
|
EJS_defaultOptions = {
|
|
|
|
};
|
|
|
|
const emulatorInit = data => {
|
|
EJS_gameUrl = `/api/v1/rom?id=${data.gameId}`;
|
|
EJS_core = data.core;
|
|
EJS_gameName = data.gameName;
|
|
EJS_externalFiles = {
|
|
'/homeplay/saves/': `/api/v1/save?id=${data.gameId}`
|
|
}
|
|
|
|
scriptElement = document.createElement('script');
|
|
scriptElement.src = 'https://cdn.emulatorjs.org/stable/data/loader.js';
|
|
document.body.appendChild(scriptElement);
|
|
|
|
clearInterval(initInterval);
|
|
}
|
|
|
|
const md5File = async path => {
|
|
const buffer = EJS_emulator.gameManager.FS.readFile(path);
|
|
const hash = await crypto.subtle.digest('SHA-256', buffer);
|
|
const hashArray = Array.from(new Uint8Array(hash));
|
|
const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
|
|
return hashHex;
|
|
}
|
|
|
|
const emulatorSave = async () => {
|
|
// First, we get the currently saved MD5 hash of all files in the save
|
|
// directory
|
|
const contents = EJS_emulator.gameManager.FS.readdir('/homeplay/saves').filter(f => !f.startsWith('.'));
|
|
const hashes = await Promise.all(contents.map(f => md5File(`/homeplay/saves/${f}`)));
|
|
EJS_emulator.gameManager.saveSaveFiles();
|
|
const newHashes = await Promise.all(contents.map(f => md5File(`/homeplay/saves/${f}`)));
|
|
const changedFiles = contents.filter((f, i) => hashes[i] !== newHashes[i]);
|
|
console.log('Changed files', changedFiles);
|
|
|
|
send({
|
|
message: ''
|
|
})
|
|
}
|
|
|
|
const send = data => {
|
|
window.parent.postMessage(data, '*');
|
|
}
|
|
|
|
window.onmessage = (e) => {
|
|
const { data } = e;
|
|
|
|
if(!data) {
|
|
console.error('No data');
|
|
return;
|
|
}
|
|
|
|
const { message } = data;
|
|
switch(message) {
|
|
case 'init':
|
|
emulatorInit(data);
|
|
break;
|
|
|
|
case 'volume':
|
|
EJS_emulator.setVolume(data.volume);
|
|
break;
|
|
|
|
case 'save':
|
|
emulatorSave();
|
|
break;
|
|
|
|
default:
|
|
console.error('Unknown message', message);
|
|
}
|
|
};
|
|
|
|
EJS_ready = () => {
|
|
// Modify the EJS stuff
|
|
const oldGetRetroArchCfg = window.EJS_GameManager.prototype.getRetroArchCfg;
|
|
const oldMountFileSystems = window.EJS_GameManager.prototype.mountFileSystems;
|
|
|
|
EJS_GameManager.prototype.getRetroArchCfg = function() {
|
|
const ejsConfig = oldGetRetroArchCfg.call(this);
|
|
|
|
// Parse back into key value pair
|
|
const raConfig = ejsConfig.split('\n').reduce((acc, line) => {
|
|
if(!line.length) return acc;
|
|
const [key, value] = line.split('=');
|
|
acc[key.trim()] = value.trim();
|
|
return acc;
|
|
}, {});
|
|
|
|
// Add new options
|
|
raConfig['savefiles_in_content_dir'] = false;
|
|
raConfig['sort_savefiles_by_content_enable'] = false;
|
|
raConfig['sort_savefiles_enable'] = false;
|
|
raConfig['savefile_directory'] = '/homeplay/saves';
|
|
|
|
// Return back as RA config string
|
|
return Object.entries(raConfig).map(([k, v]) => `${k} = ${v}`).join('\n');
|
|
}
|
|
|
|
send({ message: 'ready' });
|
|
}
|
|
|
|
EJS_onSaveState = () => {
|
|
send({ message: 'save_state' });
|
|
}
|
|
|
|
EJS_onLoadState = () => {
|
|
send({ message: 'load_state' });
|
|
}
|
|
|
|
EJS_onGameStart = () => {
|
|
send({ message: 'start' });
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |