Child Item

how to allow listening access of Dropbox audio files within my apps interface

I want to allow users of my app to them be able to connect their dropbox account and select the folder they want to allow access to.

Their folder names and their file names will be displayed in their profile on my app.

Then I want them to be able to play the audio file within my app's interface.

I also want the process of them connecting dropbox to be s seamless as possible. Ideally only 4 steps.

Click upload from within my app (opens dropbox login)
Login to dropbox
Select the folders
Click done (close dropbox, navigates back to my app)

Without them having to create an account on a third-party integrations tool.

Is there a way I achieve this?

Find more posts tagged with

API

Abuse

Accepted answers

Здравко

Hi @tenzin,

Embeder cannot handle all data types. Currently audio and video files are not supported as noted in the link you refer to. You should organize audio playing in your site by yourself. Selecting particular file or folder can be achieved using Chooser too.

Good luck.

All comments

Здравко

Hi @tenzin,

You can make your application simpler, if you just register a shared folder link in the application. After that you can enumerate the content and do whatever you want without any user login, etc. The user just has to provide a link to whatever becomes selected. 😉

Good luck.

Greg-DB

@tenzin As Здравко noted, you may want to use Dropbox shared links. The Dropbox Embedder may be useful in that case.

Otherwise, Dropbox does offer an API you can use for listing, uploading, and downloading files, among other operations. You can find everything you need to get started with the Dropbox API, including documentation, tutorials, and SDKs here.

The following guides may be helpful:

tenzin

Thanks for your response!

I followed the steps in this how to.

https://www.dropbox.com/developers/embedder

I added the embed code and nothing is showing up. I'm having trouble understanding how the users of my app will select the folders from their dropbox that they want to embed into my app.

tenzin

If I did it this way, then the users would have to go to their dropbox account and create a share link, then how do they add that link in my app?

tenzin

I figured out how to embed the folder. But when I click on a folder within the embed, it opens the file on dropbox. Do you know how to open the file within the embed?

Здравко

Hi @tenzin,

Good luck.

tenzin

Do you know how to implement this on an App built on Bubble.io? I'd be open to hiring you to implement this in my Mobile app if you're interested.

Greg-DB

@tenzin While I can't speak for others on this forum, Dropbox itself does not offer app-building services or have listings or recommendations of developers for hire, but I'll pass this along as a request for an offering like that. I can't promise if or when that might be implemented though.

Здравко

@tenzin wrote:
Do you know how to implement this on an App built on Bubble.io? ...

@tenzin, You can take a look on an example here to how Dropbox Chooser can be used to implement some player as well as for anything else (just select appropriate settings/fields) on Bubble.io. Chooser is usable for mobile as well for desktop apps. 😉

tenzin

Is this a bubble plug-in or was this built straight into the app? Also, do you know who created this and if I’d be able to see the backend set up in the editor?

Здравко

Hi again @tenzin,

As far as I can see you have seen already the answers of question you set. (sorry - I didn't saw your post earlier)

Anyway... For someone interested in, more info can be seen here. There are links to the test page (posted earlier) and editor (where the example setup could be seen). 😉

Good luck.

tenzin

Yes, I purchased the plugin and had an authentication issue in Test-flights OS. I emailed the creator of the plugin. Did you get my email?

Здравко

Hm.. Are you able to use the same browser to select something while using the official documentation page? 🧐 (select the same button there) I don't have access to such browser right now. Also, did you check the support state (including on the test page)?

Add: Another reason could be if you use browser different than the default one on mobile device! I don't know why but as seems mobile devices do open Dropbox Chooser using the default one (or letting choose - depending on your settings). If the base page and the chooser are on different browsers they cannot communicate between! It's likely that to be the issue. Can you check?

tenzin

How do I check that? I could give you access to my app if that helps.

Здравко

No, you don't need to give me access. It's not matter of the Bubble part of the application, but how you browser (or rather embedded web engine) handle it. That's something you have to know in advance or be able to see at least on your own. The basic question is: When you push the Chooser button, does the Chooser window opens in the same or different environment (same or different browser; stays in the embedded engine or opens in external for the application web engine - web browser for instance)?

The Chooser is guaranteed to work only when the engine stays the same! When you use browser, the popping up window/tab should be handled by the same browser. When you use embedded code, again, the popping up frame should be handled by the same code (not another application' code, including some installed web browser). If this is not true, it's likely to communication break comes up (almost sure).

Здравко

Hi @Greg-DB,

I want to ask for one Dropbox Chooser improvement in context of the current thread (and not only - the same is valid for entire content of dropins). I think would be useful instead of relying on 'postMessage' (something that mandates popup window and button to work on same engine) communication to be realized trough the Dropbox server as a proxy (like already done for tracing state for Dropbox Saver - job_id). Would be no so hard, I think, in addition to 'job_id' to be added something like session token that identifies particular communication and using endpoints similar to /2/dropins/get_job_status, to be possible getting back the Dropbox Chooser result. The issue is that the Dropbox Chooser could be opened as inline frame only by... Dropbox, but no any other site or application, unfortunately. I understand the security concerns about this limitation. The mentioned proposal, by me, covers any cross script security concerns, including click-jacking attacks. What would you say? 🧐 Is there any chance something similar to be implemented on dropbox.com?

Thanks.

Greg-DB

@Здравко Thanks for writing this up! I can't make any promises myself, but I'll send this along to the team.