PLYR component + Amazon S3 Youtube Video

[theadaloguy]

Hi all! I’ve made a video on configuring Amazon S3 buckets so the MP4 file works with PLYR Video. Enjoy.

Adalo PLYR video component + Amazon S3

Note: If someone with more experience with security settings can check the video please let me know if I’ve configured it correctly as I don’t want to lead anyone astray!

[lottemint]

Hello @theadaloguy!

Thanks for preparing this lovely tutorial for our component!

BTW, I attached the code source of the component:

HLS Video Streaming

Hey, Thanks for getting in touch with us, and sorry for the late reply! Currently, the Plyr component doesn’t support HLS. We want to add that possibility, but we have no ETA on this one since we’re busy at the moment. Please feel free to fork our component to adjust it to your needs if you have code experience: Example sources with the HLS: https://codepen.io/noikiy/pen/dVYJER https://codepen.io/pen?template=oyLKQb Note: For mobile devices, the Plyr component uses the WebView feature …

File:
//s3.amazonaws.com/appforest_uf/f1611698399080x447157099374699800/plyr-video.zip

[oivaizmir]

Thank you so much for making this video, such a great resource for the entire community.

[NoCodeNinja]

Comment, Question, and an Issue/bug:

1. Thanks for making this PLYR video component. It is pretty awesome.
2. Question: Will having users upload video to my Adalo DB make my app slow? Is that the reason for the Amazon Bucket? To pull from a different CDN instead of pulling from the app?
3. I think there is a bug/issue I am encountering. I am wanting the video to show the thumbnail picture of the user’s profile pic, instead of the first frame of the video. The option for this exists in the player… it’s just not working.

[theadaloguy]

2. The main reason I used the Amazon bucket was limited file upload size in Adalo. I don’t know if it would slow down the app, maybe not, but it would also put you towards your database size limit.

3. I didn’t try to change the thumbnails but maybe @lottemint can help with that.

[nvrjulian]

Hi everyone!

I’m playing around with the component here, and just to be sure… the plyr only works with aws server?
I have tried some videos uploaded to Dropbox with .mp4 extension but with no success yet.

And the file uploader from Adalo it’s not working with videos. Even with an Admin screen with form file picker to upload the videos.

Thanks for your help!

[theadaloguy]

Other servers work if you can configure them properly.

However I’m not sure it can be done with Dropbox or Google drive, I don’t think they have the advanced settings needed.

[nvrjulian]

I found a solution for this!
If anyone bumps with this problem with CORS permissions, some cloud storage services have a specific URL to allow public permissions.

In the case of Dropbox you can use this: https://dl.dropboxusercontent.com/{your-file}
And then call the url with magic text to the plyr comp.

Maybe not the best option but works for now.
Hope this helps someone!

[abou]

Hi all,

I need your help on PLYR, I finished to build my app but I am facing issue to play video when I install app on my phone. I am using AWS for large file as “theadaloguy” explained in his video. All works online or preview but not with APK (publish app). Did you have the same issue ? I used domain on the screenshot.

Thank you

Regards