Skip to content
PlanetNoCode
0:03:07
158
6
0
Last update : 23/08/2024

🚀 Mastering Time Manipulation in Bubble: From Milliseconds to Magic ✨

The Challenge: Taming Timestamps ⏱️

Ever felt frustrated trying to make sense of milliseconds in your Bubble backend workflows? Let’s conquer this!

The Problem:

Imagine this: You’re building a cool tool that uses AssemblyAI to transcribe video content and generate YouTube chapters. AssemblyAI gives you timestamps…but in MILLISECONDS! 😩 YouTube craves those elegant “MM:SS” formats. What’s a no-coder to do? 🤔

The Solution: Embrace the Power of Custom Workflows 💪

Don’t worry, we’ve got this! Instead of wrestling with those pesky milliseconds, we’ll create a custom API workflow endpoint in Bubble. Think of it as your secret weapon for transforming data. 🧰

Building Your Time-Bending Machine ⚙️

Ready to become a master of time (well, timestamps at least)? Here’s the game plan:

Step 1: Create Your Custom Endpoint 🏗️

Head over to your Bubble API connector and create a new endpoint. Give it a memorable name like “convert.” This will be our command center for converting milliseconds to the format we need.

Step 2: Unleash the Magic of Javascript ✨

This is where the real magic happens! Use a little Javascript code (don’t worry, ChatGPT can help you out!) to convert milliseconds into the “HH:MM:SS” format. You’ll need a plugin like the Toolbox plugin to run Javascript in Bubble.

Step 3: Integrate with Your Workflow 🔄

Now, integrate your newly created endpoint into your main workflow. For every paragraph of transcribed text, use your “convert” endpoint to transform those unruly milliseconds into sleek “MM:SS” timestamps.

The Result: Perfectly Formatted Chapters 🎉

Voila! You’ve done it! You now have a workflow that takes in raw transcript data, converts timestamps into a user-friendly format, and outputs everything you need to create those awesome YouTube chapters.

Resources: 🚀

  • Bubble API Connector: Learn how to connect to external APIs and supercharge your no-code apps. – https://manual.bubble.io/core-resources/api/making-api-calls
  • Toolbox Plugin: Unlock the power of Javascript within your Bubble workflows. – https://bubble.io/plugin/toolbox-1488782892619×681033542296556600
  • ChatGPT: Your AI assistant for generating code snippets and brainstorming solutions. – https://chat.openai.com/

Key Takeaway: Don’t Be Afraid to Get Creative! 💡

Remember, even if Bubble doesn’t have a built-in solution for your specific challenge, there’s always a workaround. Think outside the box, leverage the power of plugins and external APIs, and never be afraid to experiment!

Other videos of

Play Video
PlanetNoCode
0:03:27
76
5
0
Last update : 18/09/2024
Play Video
PlanetNoCode
0:06:17
463
25
0
Last update : 18/09/2024
Play Video
PlanetNoCode
0:07:46
266
10
0
Last update : 11/09/2024
Play Video
PlanetNoCode
0:11:36
264
8
6
Last update : 11/09/2024
Play Video
PlanetNoCode
0:10:45
175
7
0
Last update : 11/09/2024
Play Video
PlanetNoCode
0:22:13
509
19
2
Last update : 04/09/2024
Play Video
PlanetNoCode
0:04:01
232
5
0
Last update : 04/09/2024
Play Video
PlanetNoCode
0:09:23
121
4
0
Last update : 28/08/2024
Play Video
PlanetNoCode
0:16:33
264
8
0
Last update : 28/08/2024