Skip to content
/ libretrojs Public

Logic to build and publish an embedded version of the wrappers needed to run libretro cores on any website

21 stars 3 forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

linuxserver/libretrojs

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
.github/workflows
.github/workflows
 
 
README.md
README.md
 
 
make_release.sh
make_release.sh
 
 

Repository files navigation

LibretroJS

This repository collects the assets used in https://github.com/linuxserver/emulatorjs and publishes releases that can be embedded into any website.

Example

<button onclick="load()">Load Game</button>
<div id="game"></div>
<script type="text/javascript">
    EJS_player = '#game';
    EJS_gameUrl = '/your/game/rom.zip';
    EJS_core = 'snes9x';
    function load() {
      var script = document.createElement('script');
      script.src = 'js/libretro.js'
      document.getElementsByTagName('head')[0].appendChild(script);
    }
</script>

Simply extract the release into the root of your webserver and try this test page for the snes9x emulator.

Supported emulators

Variables and usage

Supported variables

  • EJS_player- The id of the div you want the libretro canvas to render into.
  • EJS_gameUrl- The full URL to the game to load.
  • EJS_core- The libretro core to use.
  • EJS_biosUrl- Bios URL will be loaded into libretro's system directory, a zip file will be unzipped into this directory.
  • EJS_onGameStart- Run a custom function after the game is started.

Basic setup

The user of the game can bring up the libretro menu by pressing F1 on a keyboard or start+select+L+R on a controller. You can define scripts to run after startup by using the onGameStart option, IE to go fullscreen on load:

EJS_onGameStart = function() {
  Module.requestFullscreen(false);
}

The core can be interacted with while running using the Module as seen above to go fullscreen, there are other commands that can be sent also one of the most important being Module._cmd_savefiles() this will force an sram dump of the users save data on supported games/cores. You will want to tie this to an unload or hashchange event on your webpage to ensure the user does not need to go into the menu and manually trigger this action. Some other commands are:

_cmd_load_state()
_cmd_save_state()
_cmd_savefiles()
_cmd_take_screenshot()

Everything is stored in browser storage using an indexDB there is no integrated logic for downloading the files from the browser, but this can easily be built by interacting with the fs directly in the browser. All of the code is open, feel free to modify it to your needs, but do not come here for support, none will be provided. These repositories are simply for development participation only.

Bios files for cores

These can be loaded as is no need to extract or modify them, they will be unzipped to the system directory before core load. i

Rom Hacks Support

Retroarch supports Softpatching, which will apply a patchfile to the base rom on launch. In order to leverage this feature you will need to prepare a custom zip file ending with the file extension ".patchzip". Lets take a popular hack "Invictus" as an example for snes. You will need to create a zip file named "Invictus.smc.patchzip" (note the two file extensions with smc indicating the extension of the base rom) containing the following files:

  • Invictus.smc - base rom file to be patched in this case SMW.
  • Invictus.bps - Patch file to be applied.

Multiple patch files can be applied as long as they follow this naming scheme ending in the order to be loaded IE:

  • Invictus.smc - base rom file to be patched in this case SMW.
  • Invictus.bps - First patch file to be applied.
  • Invictus.bps1 - Second patch file to be applied.

MAME roms with chds

mame_2003_plus roms need to be full non-merged roms in order to function. These are the zips that contain everything from the bios, to parent, to clones. In order to get games with chd files to load we have a custom file format that can be loaded by the extension ".multizip". To create this file simply zip the rom zip and the chd file (no folders) into a single file. IE if you had the file kinst.zip and the folder kinst/kinst.chd simply move the kinst.zip file into the kinst folder and create the archive using zip kinst.multizip kinst.zip kinst.chd. This multizip file will be unpacked before the emulator is loaded into the directory it is looking for the files.

Threaded emulators

Some emulators might have a threaded option, in order for these to function on the client they need to have specific security headers set on the actual web host of the files so SharedArrayBuffer can be used in the clientside browser. They also need to be served from an HTTPS endpoint as these are the sandboxing requirements for modern browsers.

In Nodejs:

app.use(function(req, res, next) {
  res.header("Cross-Origin-Embedder-Policy", "require-corp");
  res.header("Cross-Origin-Opener-Policy", "same-origin");
  next();
});

In NGINX:

  add_header Cross-Origin-Opener-Policy same-origin;
  add_header Cross-Origin-Embedder-Policy require-corp;

Code Reference

The source code these cores are build against is located HERE.

About

Logic to build and publish an embedded version of the wrappers needed to run libretro cores on any website

Resources

Readme

Code of conduct

Code of conduct

Security policy

Security policy
Activity
Custom properties

Stars

21 stars

Watchers

9 watching

Forks

3 forks
Report repository

Releases 21

1.8.5 Latest
Jan 27, 2024
+ 20 releases

Sponsor this project

  •  
Learn more about GitHub Sponsors

Packages

No packages published

Languages