Web Player
The Fabella Web Player is a powerful way to deploy and share your Fabella applications. Enabling the Web Player is very easy:
To enable the web player for existing projects:
- Open your project
- Navigate to Settings -> Platforms -> Web
- Click Enable!
New projects come with the Web Player enabled automatically.
Please note that the language used for speech recognition is configured in the project settings. This defaults to American English but can be changed at any time.
Web Player Platform Settings
There are a number of settings that allow you to control the appearance of your project's web player.
| Setting | Description |
|---|---|
| Project is Live | Control when your project is playable when visiting the link. |
| Title | The primary label for the Web Player. |
| Subtitle | An optional secondary label in smaller font. |
| Logo | Upload a logo that will be visible on the Web Player. |
| Disable voice input | Some apps may not prefer to have speech recognition. This option is for them. |
| Embed Height | In embedded mode, set the height in pixels. |
| Embed Width | In embedded mode, set the width in pixels. |
Deploying your app
When you have finished configuring your settings and are ready to go live, click the "Project is Live" toggle. Your project will be instantly playable by visiting the web player link generated by Fabella. You can take down your app from the Web Player at any time by toggling "Project is Live" to the FALSE state.
Link
The location for the web player is:
https://editor.fabellacreator.com/player/{projectVersionId}
This link can be shared with your friends, customers, stakeholders, etc and will always reflect the latest saved changes for that particular version. If you have made changes but do not see the changes reflected in the Web Player, ensure you have explicitly saved the project.
Embed
We offer a simple embed template for you to copy / paste into your own website. From there you can do as you please. Present a library of your games to your users? Put your premium apps behind a paywall or login? This option is perfect if you are actively developing and maintaining a Fabella web app using our versioning system. You define which version you present on your website and when you create a new version in Fabella, update the embed with the new version id in your website's code.
Legacy Web Player
Before the March 23rd, 2022 update the web player functioned differently. Many of the same options were available but the generated links were different, containing all the fields as query parameters, and resulting in a long and cumbersome URL. These old links will continue to work but we recommend using the new Web Platform for your older projects.