Free Plan Limitations?

Need help
1

Hello Bubble Community,

I’m working on implementing a real-time feature in my Bubble app that uses:

  • Custom HTML element with WebSocket connection
  • MediaRecorder API for audio capture
  • Real time function APIs like real time translation of Azure

Technical Setup:

  1. WebSocket server running on Node.js with Ngrok
  2. HTML element with JavaScript code for:
    • WebSocket client connection
    • Audio recording via MediaRecorder API
    • Real-time audio streaming
  3. Three JavaScript plugins for:
    • Start Recording
    • Stop Recording
    • Transcription Output

Current Status:

  • Basic JavaScript functionality works (tested with a simple alert function)
  • WebSocket connection initializes successfully
  • Browser capabilities check shows all required features are available:
    mediaDevices available: true
getUserMedia available: true
WebSocket available: true
  • However, the microphone permission request and recording don’t trigger when clicking the Start Recording button

Main Question:
Is this kind of implementation (WebSocket + MediaRecorder API) supported on the Free plan of bubble? Or do I need to upgrade to a paid plan to use these features?
.Are there any specific limitations on the Free plan regarding:

  • WebSocket connections?
  • MediaRecorder API usage?
  • Custom HTML elements with advanced JavaScript?
    . If this isn’t possible on the Free plan, which paid plan would support this implementation?

Any insights or suggestions would be greatly appreciated!

1 Like
2

You’ll need a custom plugin to connect to websockets using Bubble most of the time (I think for paid plugins you need a paid plan anyway)

edit: lindsay elaborates further below!

2 Likes
3

… this kind of implementation (WebSocket + MediaRecorder API) supported on the Free plan of Bubble?

yes - you can run js in Bubble (any plan). It’s just plain old js running in a browser. See the HTML element, and some free plugins that invoke your js methods from workflows. For your case I think HTML element sounds like the easiest path to happiness.

Or do I need to upgrade to a paid plan to use these features?

No - there are plenty of other limitations on a free plan though :wink:

Are there any specific limitations on the Free plan regarding: WebSocket connections?

Not from inside the browser, and to be clear the API connector does not support websockets

MediaRecorder API usage?

As above

Custom HTML elements with advanced JavaScript?

as above

If this isn’t possible on the Free plan, which paid plan would support this implementation?

No need, sounds like you are about to have a lot of fun :slight_smile:

1 Like
4

trust lindsay on plugins

1 Like
5

:slightly_smiling_face: plugins are fun! Wish I had more time to be creative with plugins.

1 Like
6

thanks

7

thanks , got it. yes, a lot of fun :sweat_smile: :sweat_smile:

8

This topic was automatically closed after 70 days. New replies are no longer allowed.