e39465ad2f
new file: Files/flashplayer_32_sa.exe
new file: favicon.ico
new file: globe.gif
new file: imgs/download.png
new file: imgs/zuck.jpg
new file: index.html
new file: other.ico
new file: script.js
new file: site.webmanifest
new file: sitemap.html
new file: styles/backround.css
new file: styles/border.css
new file: styles/fonts/Titillium_Web/OFL.txt
new file: styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf
new file: styles/fonts/webfontkit-20221027-163353/generator_config.txt
new file: styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css
new file: styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css
new file: styles/fonts/webfontkit-20221027-163353/stylesheet.css
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2
new file: styles/fonts/webfontkit-20221027-165950/generator_config.txt
new file: styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css
new file: styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css
new file: styles/fonts/webfontkit-20221027-165950/stylesheet.css
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2
new file: styles/style.css
new file: tools/2048/.gitignore
new file: tools/2048/.jshintrc
new file: tools/2048/CONTRIBUTING.md
new file: tools/2048/LICENSE.txt
new file: tools/2048/README.md
new file: tools/2048/Rakefile
new file: tools/2048/favicon.ico
new file: tools/2048/index.html
new file: tools/2048/js/animframe_polyfill.js
new file: tools/2048/js/application.js
new file: tools/2048/js/bind_polyfill.js
new file: tools/2048/js/classlist_polyfill.js
new file: tools/2048/js/game_manager.js
new file: tools/2048/js/grid.js
new file: tools/2048/js/html_actuator.js
new file: tools/2048/js/keyboard_input_manager.js
new file: tools/2048/js/local_storage_manager.js
new file: tools/2048/js/tile.js
new file: tools/2048/meta/apple-touch-icon.png
new file: tools/webretro/cores/neocd_libretro.js
new file: tools/webretro/cores/neocd_libretro.wasm
new file: tools/webretro/cores/nestopia_libretro.js
new file: tools/webretro/cores/nestopia_libretro.wasm
new file: tools/webretro/cores/o2em_libretro.js
new file: tools/webretro/cores/o2em_libretro.wasm
new file: tools/webretro/cores/opera_libretro.js
new file: tools/webretro/cores/opera_libretro.wasm
58 lines
2.2 KiB
Markdown
58 lines
2.2 KiB
Markdown
# ruffle-selfhosted
|
|
|
|
ruffle-selfhosted is the intended way to get Ruffle onto your website.
|
|
|
|
You may either include it and forget about it, and we will polyfill existing Flash content,
|
|
or use our APIs for custom configurations or more advanced usages of the Ruffle player.
|
|
|
|
## Using ruffle-selfhosted
|
|
|
|
For more examples and in-depth documentation on how to use Ruffle on your website, please
|
|
[check out our wiki](https://github.com/ruffle-rs/ruffle/wiki/Using-Ruffle#web).
|
|
|
|
### Host Ruffle
|
|
|
|
The `selfhosted` package is configured for websites that do not use bundlers or npm and just want
|
|
to get up and running. If you'd prefer to use Ruffle through npm and a bundler, please
|
|
[refer to ruffle core](https://github.com/ruffle-rs/ruffle/tree/master/web/packages/core).
|
|
|
|
Before you can get started with using Ruffle on your website, you must host its files yourself.
|
|
Either take the [latest build](https://github.com/ruffle-rs/ruffle/releases)
|
|
or [build it yourself](../../README.md), and make these files accessible by your web server.
|
|
|
|
Please note that the `.wasm` file must be served properly, and some web servers may not do that
|
|
correctly out of the box. Please see [our wiki](https://github.com/ruffle-rs/ruffle/wiki/Using-Ruffle#configure-wasm-mime-type)
|
|
for instructions on how to configure this, if you encounter a `Incorrect response MIME type` error.
|
|
|
|
### "Plug and Play"
|
|
|
|
If you have an existing website with flash content, you can simply include Ruffle as a script and
|
|
our polyfill magic will replace everything for you. No fuss, no mess.
|
|
|
|
```html
|
|
<script src="path/to/ruffle/ruffle.js"></script>
|
|
```
|
|
|
|
### Javascript API
|
|
|
|
If you want to control the Ruffle player, you may use our Javascript API.
|
|
|
|
```html
|
|
<script>
|
|
window.RufflePlayer = window.RufflePlayer || {};
|
|
|
|
window.addEventListener("DOMContentLoaded", () => {
|
|
let ruffle = window.RufflePlayer.newest();
|
|
let player = ruffle.createPlayer();
|
|
let container = document.getElementById("container");
|
|
container.appendChild(player);
|
|
player.load("movie.swf");
|
|
});
|
|
</script>
|
|
<script src="path/to/ruffle/ruffle.js"></script>
|
|
```
|
|
|
|
## Building, testing or contributing
|
|
|
|
Please see [the ruffle-web README](../../README.md).
|