@merydid I used what ian shared here to downsize the profile pictures which helped some with the loading speed of the page. Image resize on file uploader. For my transcoding needs, I can use PIL for images but for video I want to use Ffmpeg. I am Uplinking to my ffmpeg scripts on pythonanywhere.com because ffmpeg is available out of the box over there. This seems to work, but It would be great if ffmpeg was included with anvil.
For displaying video I ended up creating a custom html component like david suggested here (No sound from video file using default image component) but I am having trouble viewing videos on mobile using a custom html player. They play on my macbook’s chrome browser, but not on my iphone browsers (safari, chrome, instagram). I generatedsource urls for the video player in two ways: one-time-use urls from app_tables.content['content_file].url and permanent urls to http endpoints that return the url. The image and video urls are https://goodlooksdotco.anvil.app//api/img/%5B19028%2C1674979%5D/peis.mp4 and https://goodlooksdotco.anvil.app//api/img/%5B19028%2C1676936%5D/7F615D6A-C02A-4C31-888B-5A149FE6D003.png. The image url works on desktop browser, mobile browser, and in the react native part of my project. The video url only works on desktop browser.
Is there an obvious reason why this may be happening?