Daily.co embed help!

I’m trying to embed a Daily.co call, using the code they provided on their website:

callFrame = window.DailyIframe.createFrame();
callFrame.join({ url: 'https://your-team.daily.co/hello' })

but I can’t seem to get it to work, it just shows an empty frame:

Can anyone help with this, thanks! :3

1 Like

note: I fixed the problem by putting the first in the site’s headers, then put the second script (callFrame…callFrame.join) to run in a workflow ‘when page loaded’ (for some reason it renders behind the page tho, and I don’t know how to fix this. If someone knows how please help, thanks!)

@ikkyu1755 I tried your steps bust wasn’t able to get it working.

Anything you could suggest?

for now i made a plugin to include a html header (the tag) and video call element (or you can also slap the html code in an HTML element, works works either way), so thats a little workaround i found out. (sorry for the late reply ;-; )

Hi. I am trying to integrate daily.co to my app as well. But I can’t seem to make it work with android based web app (wrapped using BDK Native wrapper). Have you tried anything like it?

I’ve used the daily api with bubble apps multiple times! What are you trying to do and what piece are you stuck on?

Hi @lola

I am unable to load any video or audio on android (previewing native app using BDK native wrapper), although I have allowed all permissions.

This is the platforms that I have tried to see which can work;

  1. Safari :white_check_mark:
  2. Chrome :white_check_mark:
  3. Android browser :x:
  4. BDK Testflight iPhone :white_check_mark:
  5. BDK Android :x:

And this issue consistence with another video service I have tried which is Agora.io.

1 Like

@faisalkarimstubapp @lola
Same problem… It’s really annoying.

I have solved this problem by wrapping the app with Gonative.io . It seems like BDK do not have the feature to allow webRTC for Android.

You can test wrapping your app with gonative here : https://gonative.io/ . Please make sure you allow webRTC setting for Android. You can edit the wrapping settings as many as you want.

1 Like

Thank your for your response @faisalkarimstubapp!
Hi @gaurav, would it be possible to add a feature to enable webRTC on the Android app?

1 Like

@helloarvey yep @faisalkarimstubapp has got it. Android devices require special permissions to enable webrtc when wrapped, and the BDK wrapper doesn’t allow that at this time but Gonative.io does work.

1 Like

Gaurav said the dev is in the pipeline, but i guess we all have to wait until then.

1 Like

hey, @lola i am useing the daily plugin, how can i catch a event, the event element i am adding is not detecting anything.

i am also useing the custome as with ID attribute showing the embedded video window inside agroup, but the event element i added is not detecting any joing or leaving ?

1 Like

I got it, the event listener for daily, won’t start automatically, we have to start it listening to the event with an action.

Thanks @lola your post were very helpful all over the community :smiley:

1 Like

@Baloshi69 Glad it was helpful! Let me know if you need any other help!

1 Like

Yah, if ypu could guide me, how can i transcript the call and save it and then make a pdf of it.

It would be very helpful.

Hey @Baloshi69! The plugin doesn’t currently support transcription and printing to a PDF file. To achieve this requires significant additional custom code, and might get quite involved.

Here’s a general flow to get you started, though some parts might need tweaking given your context:

  1. Enable recording (in the create room action) and record the call
  2. After the recording is finished, retrieve the recording (this can be done via an API call)
  3. Process the audio file and send it via API to your preferred audio transcription provider. You can refer to this code tutorial for sending to OpenAI’s Whisper. Just keep in mind that you may need to modify it for longer calls (OpenAI has a file size limit on audio calls).
  4. Once you have the transcribed text, you can process it to generate a PDF. You can explore an HTML to PDF API like pdf.co that might work well for your needs.

Hope this helps!