Cross-origin problem

Help with Snap! Snap! Editor
1

Hi everybody, in a project, i need over 50 pictures, so i exceed the 10mb limit.

I want to load external pictures from my github account.

The cst load but i have an error: The canvas has been tainted by cross-origin data...

This error break snap:
1-I can't save the project in the cloud
2-I can save the project locally, but I can't load it...
3-I can't resize the stage normally
4-sometimes, if I add a new variable, all the blocks in the variable corral disapear

Here's an example:
bug when loading external costume

How i can solve this cross-origin problem?
I need speed when i load the 50 pictures

2

You may serve a cors headers and a base64 version of your image as described

3

Just to note @xavierpi is currently working on adding some fast Base64 converters to the MQTT extension so that should speed things up considerably in future

Note this is not a loadable image - just a screenshot of current developments

image
image957×505 57.3 KB

4

"from, to base64" are not the generic one, i.e. converting flat array of bytes to base64 string?
To effectively transport media data, they should remain encoded as png or wav.

5

I don't quite understand what your meaning but I've sent you a link to current dev so you can play with it

6

Thanks for sharing.
I see that the media content has a special treatment, so it should be quite effective.

7

If it's reporting a data URI, then that contains a mime type, telling ypu ehat kind of file it is. It can be used to tell the from base64 block to report a costume instead of text. I'm mainly saying this for other people, idk how the block actually works.

8

Sorry, i don't understand...
(you are talking to a 5 years old guy on this subject)

10

To summarise, you can use the slow blocks from the link in post2 now

Some faster base64 blocks are nearing completion and hopefully get published this month

11

ok, thk

12

cst_load() creates a tinted costume that breaks Snap!

You may feed the base64 of the image as a data url ( use the real file name, relative to the project ZZZZZZ )

untitled script pic (20)
untitled script pic (20)958×192 27 KB

For GITHUB repo URL must conform to spec

13

That's perfect ! Thk very much for your time!

15

:slight_smile:
You're right, of course.

16

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.