Cross-Origin Read Blocking (CORB) the slides.svg files from loading during recording playback[bbb-playback]

[Karumukilan Subbiah]

In the older versions[2.4] of BBB, the bbb-record publishes the slides in the png format and in the BBB version 2.6.9 the slides are published in the svg format.

And due to this the chrome browser is blocking from reading the slide[x].svg data due to CORB during recording-playback, as we are serving the recording files via S3. (Cross Origin)

Below is the chrome console log:

Cross-Origin Read Blocking (CORB) blocked cross-origin response <URL> with MIME type binary/octet-stream.

Cross-Origin Read Blocking (CORB) blocked cross-origin response https://my-bucket.region.amazonaws.com/715f877b8540dc434cc4a5cd212e31d57e03d8d3-1687409533139/presentation/4fe2208ad5e2c599a0b9d2e47d3e8b18199509a5-1687409621996/svgs/slide9.svg with MIME type binary/octet-stream. See https://www.chromestatus.com/feature/5629709824032768 for more details.

Can anyone help us with the problem.

One of the workaround we assume is that configuring the bbb-record to export the slides in png format other than svg. And for this we need help to do that.
And if there is any other workaround. Please suggest

Thanks in Advance.

[Karumukilan Subbiah]

According to the link here 

In rare cases, the CORB warning message may indicate a problem on a website, which may disrupt its behavior when certain responses are blocked. For example, a response served with a "X-Content-Type-Options: nosniff" response header and an incorrect "Content-Type" response header may be blocked. This could, for example, block an actual image which is mislabeled as "Content-Type: text/html" and "nosniff." If this occurs and interferes with a page's behavior, we recommend informing the website and requesting that they correct the "Content-Type" header for the response.

There is a demo here to understand this.

So this is what is happening with bbb-playback. All the svg files likes shapes.svg files are loading. Only the slides[x].svg files are not loading. 

This is beacause the shapes.svg files contains svg content and they are rendered as/or using svg dom elements.

But the slides[x].svg files are rendered as img dom elements. So there is a mismatch in the Content-Type as stated in the documentation. 

So I find here the solution to be any of the below stated two:

1. The bbb-playback source must be modified to render the slides[x].svg as svg dom elements.

2. Or, the bbb-record module must stick to the older method of processing the slides as png files.

I think the second choice is easier and an immediate fix for loading the CORS contents from S3 buckets, etc and to workaround CORB.

So, anybody please help how we switch back bbb-record module to render slides as png files.

Thanks & Regards

[DistanceLearning.cloud]

Is the player code in S3 as well and both mapped with cloudfront using the same domain address to serve the objects?

regards,

Stephen

[Karumukilan Subbiah]

The playback is served from https://somedomain.com

and the other contents are served from the S3 bucket like this

https://my-bucket.region.amazonaws.com/715f877b8540dc434cc4a5cd212e31d57e03d8d3-1687432336577/cursor.xml

https://my-bucket.region.amazonaws.com/715f877b8540dc434cc4a5cd212e31d57e03d8d3-1687432336577/metadata.xml

https://my-bucket.region.amazonaws.com/715f877b8540dc434cc4a5cd212e31d57e03d8d3-1687432336577/panzooms.xml

https://my-bucket.region.amazonaws.com/715f877b8540dc434cc4a5cd212e31d57e03d8d3-1687432336577/shapes.svg

https://my-bucket.region.amazonaws.com/715f877b8540dc434cc4a5cd212e31d57e03d8d3-1687432336577/tldraw.json

https://my-bucket.region.amazonaws.com/715f877b8540dc434cc4a5cd212e31d57e03d8d3-1687432336577/video/webcams.mp4

All the above files are downloded and working fine

But the below mentioned slides are not downloading because it get blocked due CORB.

https://my-bucket.region.amazonaws.com/715f877b8540dc434cc4a5cd212e31d57e03d8d3-1687432336577/presentation/96d102ee35a77aa3849644d3fd39cf3895e73bd4-1687432336628/svgs/slide2.svg

[Jean Pluzo]

Hi Karumukilan,

your issue sounds really interesting. I would advice not only to leave it here but to also post it as an issue in bbb's issues. The developers do monitor these google groups, but posting it in github will likely attract more attention.

I saw you already posted this issue in danielpetr1's github, but he develops a video conversion tool for bbb.

Regards,

J.

[Karumukilan Subbiah]

Hi Jean,

Thanks for the sound advice. Will do that.

Regards,

Karumukilan

--
You received this message because you are subscribed to the Google Groups "BigBlueButton-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to bigbluebutton-...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/bigbluebutton-dev/966d90a1-8400-4f42-ac99-17d6754d6f00n%40googlegroups.com.

[Anton Georgiev]

Cross-referencing https://github.com/bigbluebutton/bbb-playback/issues/243