Skip to main content
← Design & Bravo Tags
Design & Bravo Tags March 21, 2023 · 13 replies

Video + Audio doens't work together in component

Archived from the Bravo community forum (2021–2026). Some answers may refer to older versions of Bravo.

Greetings!

Friends, I'm creating an app and I need to use TikTok's similar feature.
In this case it would be Video + Audio, but in the component, the audio does not work.
Is there any way to create this or work around it?

It would be very annoying to have to give up the project with Bravo Studio because of this problem, could you help me?

I will be grateful

WhatsApp Image 2023-03-21 at 18.28.24.jpeg

13 replies

Nour March 21, 2023

Bravo currently does not support this. The sample app made by bravo only showcase the scrolling effect rather than the "tiktok" video/audio feature. I have the same issue :-(

Junior March 21, 2023

I'm very embarrassed!
There are 2 weeks preparing the whole project and after starting the tests, I noticed this failure. 95% of the app done.
All good! ball forward

Marielle Ibias Bravo team March 22, 2023

Hi ,

Can you please clarify what's the use case here? Do you need the video to reproduce automatically with audio or to have an icon to activate or deactivate its audio?

Which component are you using? Have you tried our Web view component? 

Thanks in advance! 🙂

Nour March 22, 2023

Until Junior reply, I can at least explain mine. I need to have the same tiktok video behaviour, the video should reproduce automatically with audio. Hope that clarifies. Having an icon to activate or deactivate would be a plussss. Thanks!

Junior March 22, 2023

whatever, I just wish it could have audio and video, in autoplay or when there is touch on the screen

Marielle Ibias Bravo team March 22, 2023

Which component did you test for this use case? I recommend you to try it with the Web-view component, save your videos in your database and then bind the URL to your API data.

Junior March 22, 2023

component video, but web view component is autoplay?

Nour March 22, 2023

would that play the video with audio automatically?!

Marielle Ibias Bravo team March 22, 2023

Depending on the hosting where you have the video saved, you can actually add an autoplay parameter to the URL. That should reproduce automatically. For instance, Vimeo and Youtube has this option.

Here's an example:
https://www.youtube.com/embed/AWlR0Z10UpI?autoplay=1

If you have the video in your own server, you can add the autoplay in the <video> tag of an html.

Nour March 29, 2023

i guess this is only applicable to Web-view component?

Nour March 29, 2023

Marielle Ibias Using the webview component destroys the verticle swiping experience "tiktok look a like feature!". As you can see from the screen record, I had to close the video, then swipe...everytime to see next video and so on.

▶ Video: RPReplay_Final1680109379.MP4

If you still think this works as tiktok, could please show us how by updating the figma template for verticle swiping.

Nour March 31, 2023

@Junior Moura It is what it is, there is no fix abviously!

Junior April 1, 2023

I tried everything, no experience didn't work, unfortunately I give up trying to create this app with Bravo.

Thank you for your help!
Greetings

Wrote something in this thread and want it removed? Request removal

Still stuck?

Ask the community on Discord

This archive is read-only. New questions, office hours and product updates now happen in the Bravo Discord.

Join the Discord