Unable to see media in post.

YokaLost

I have paired my Wasabi bucket to my flarum accordingly as far as I'm aware and when uploading an image or video on flarum it does go through my bucket, however the post comes out like this

https://imgur.com/a/sm-x58nUfo

In the f12 console the only error I can see is a CORB Cross Origin error however I wouldn't have a clue on fixing this, I assume through headers in .htaccess from what I have gathered researching?

Also in terms of public access, is this something that is needed for my function of users being able to upload videos from media picker or camera roll directly to post?

Any help would be appreciated

clarkwinkelmann

YokaLost can you share your php flarum info output?

Is this about the FoF Upload extension or a different extension?

YokaLost

clarkwinkelmann Flarum core: 1.8.8
PHP version: 8.3.12
MySQL version: 8.0.39-0ubuntu0.24.04.2
Loaded extensions: Core, date, libxml, openssl, pcre, zlib, filter, hash, json, pcntl, random, Reflection, SPL, session, standard, sodium, mysqlnd, PDO, xml, calendar, ctype, curl, dom, mbstring, FFI, fileinfo, ftp, gd, gettext, iconv, intl, exif, mysqli, pdo_mysql, Phar, posix, readline, shmop, SimpleXML, sockets, sysvmsg, sysvsem, sysvshm, tokenizer, xmlreader, xmlwriter, xsl, zip, Zend OPcache
+--------------------------+---------+--------+
| Flarum Extensions | | |
+--------------------------+---------+--------+
| ID | Version | Commit |
+--------------------------+---------+--------+
| flarum-flags | v1.8.1 | |
| flarum-tags | v1.8.2 | |
| flarum-approval | v1.8.2 | |
| flarum-mentions | v1.8.4 | |
| flarum-subscriptions | v1.8.1 | |
| fof-follow-tags | 1.2.6 | |
| flarum-suspend | v1.8.3 | |
| ianm-log-viewer | 0.1.1 | |
| ianm-follow-users | 1.4.9 | |
| fof-user-bio | 1.4.0 | |
| fof-upload | 1.5.5 | |
| fof-profile-image-crop | 1.1.6 | |
| fof-polls | 2.2.8 | |
| fof-pages | 1.0.8 | |
| fof-moderator-notes | 1.2.2 | |
| fof-gamification | 1.6.7 | |
| fof-frontpage | 1.2.0 | |
| fof-formatting | 1.0.3 | |
| fof-ban-ips | 1.1.1 | |
| flarum-sticky | v1.8.1 | |
| flarum-statistics | v1.8.1 | |
| flarum-markdown | v1.8.1 | |
| flarum-lock | v1.8.1 | |
| flarum-likes | v1.8.1 | |
| flarum-lang-english | v1.8.0 | |
| flarum-extension-manager | v1.0.4 | |
| flarum-emoji | v1.8.1 | |
| flarum-bbcode | v1.8.0 | |
| blomstra-welcome-login | 0.1.0 | |
| blomstra-fontawesome | 0.1.5 | |
| askvortsov-categories | v3.1.0 | |
| afrux-forum-widgets-core | v0.1.7 | |
+--------------------------+---------+--------+

clarkwinkelmann Is this about the FoF Upload extension or a different extension?

I am using the FoF Upload extension to pair my Wasabi Access keys if that's what you mean, I'm just unsure on why my media is not displaying on post, whether that be the CORB issue in my f12 console or beyond. Apologies I cant be more descriptive, I'm functioning on trial and error along with logic rather than skill.

Edit: unsure if my imgur link loaded for the example of how the post turns out.

clarkwinkelmann

Which template are you using in FoF Upload? Have you tried with FoF Formatting disabled?

If you have CORS errors in the console, can you share the exact message? Images and videos are not supposed to be blocked by CORS when embedded using regular HTML image or video tags. Maybe it's something else that gets blocked, like a custom player loaded through FoF Formatting / MediaEmbed.

YokaLost

clarkwinkelmann Which template are you using in FoF Upload?

I am not too sure, how do I find this out? I'm just using it straight out of the box with S3 compatibility.

clarkwinkelmann Have you tried with FoF Formatting disabled?

I just attempted it, and I still get the same. It's as if there is nothing in the body of the post, just a blank space.

clarkwinkelmann If you have CORS errors in the console, can you share the exact message?

Response was blocked by CORB (Cross-Origin Read Blocking)
Cross-Origin Read Blocking (CORB) blocked a cross-origin response.

1 request

with the image i am trying to upload.jpeg here

That is the only thing i see in F12 Console.

I've also noticed in media manager there is no thumbnail or anything with the uploaded images instead a boxed exclamation icon. Not sure if this narrows anything down.

clarkwinkelmann

YokaLost could it be that you have a CSP policy in place for your webserver? But I think the error message in the console would be different. I've never seen that CORB message 🤔 Maybe someone else will know what this is.

I'm not familiar with Wasabi either, could it be that they themselves are blocking the cross origin requests?

YokaLost

clarkwinkelmann could you suggest an alternative maybe more popular throughout the community or one you have worked with prior?

Our forum is pretty much there for release but we heavily rely on user upload of videos and screen recordings directly from camera roll or media picker to post. I thought wasabi or AWS s3 would be the answer.