Patches not visible on Safari (OSX 10.14.2)

I’m visualizing my patch nicely on Chrome and Firefox, if I use safari it doesn’t visualize it and return this error:

[Error] Blocked a frame with origin "https://cables.gl" from accessing a frame with origin "https://sandbox.cables.gl". Protocols, domains, and ports must match.
	a (contentAll.bundle.js:1:19705)
	(anonymous function) (contentAll.bundle.js:1:774)
[Error] Blocked a frame with origin "https://cables.gl" from accessing a frame with origin "https://sandbox.cables.gl". Protocols, domains, and ports must match.
	C (contentAll.bundle.js:1:28798)
	e (contentAll.bundle.js:1:29807)
	t (contentAll.bundle.js:2:1171)
	(anonymous function) (contentAll.bundle.js:1:1005)
[Error] Blocked a frame with origin "https://cables.gl" from accessing a frame with origin "https://sandbox.cables.gl". Protocols, domains, and ports must match.
	C (contentAll.bundle.js:1:28911)
	e (contentAll.bundle.js:1:29807)
	t (contentAll.bundle.js:2:1171)
	(anonymous function) (contentAll.bundle.js:1:1005)
[Error] Blocked a frame with origin "https://cables.gl" from accessing a frame with origin "https://sandbox.cables.gl". Protocols, domains, and ports must match.
	C (contentAll.bundle.js:1:29239)
	e (contentAll.bundle.js:1:29807)
	t (contentAll.bundle.js:2:1171)
	(anonymous function) (contentAll.bundle.js:1:1005)
[Error] Blocked a frame with origin "https://cables.gl" from accessing a frame with origin "https://sandbox.cables.gl". Protocols, domains, and ports must match.
	C (contentAll.bundle.js:1:29382)
	e (contentAll.bundle.js:1:29807)
	t (contentAll.bundle.js:2:1171)
	(anonymous function) (contentAll.bundle.js:1:1005)
[Error] Blocked a frame with origin "https://cables.gl" from accessing a frame with origin "https://sandbox.cables.gl". Protocols, domains, and ports must match.
	C (contentAll.bundle.js:1:29591)
	e (contentAll.bundle.js:1:29807)
	t (contentAll.bundle.js:2:1171)
	(anonymous function) (contentAll.bundle.js:1:1005)
[Error] ontriggered exception cought
TypeError: fb.getTextureColorNum is not a function. (In 'fb.getTextureColorNum(0)', 'fb.getTextureColorNum' is undefined)
doRender — code:60691
_onTriggered — cables.min.js:8:1269
trigger — cables.min.js:8
triggerAll — code:96766
_onTriggered — cables.min.js:8:1269
trigger — cables.min.js:8
onAnimFrame — code:46258
renderFrame — cables.min.js:7:18048
exec — cables.min.js:7:18845
[native code]
	trigger (cables.min.js:8:209)
	triggerAll (code:96766)
	_onTriggered (cables.min.js:8:1269)
	trigger (cables.min.js:8)
	onAnimFrame (code:46258)
	renderFrame (cables.min.js:7:18048)
	exec (cables.min.js:7:18845)
	(anonymous function)

The error appears also if I try to edit the patch from Safari.
This is the patch: https://cables.gl/p/VWe2bz

Hi

thanks for reporting.

render2textures needs webgl2, which browsers from apple do not support.

if you use https://cables.gl/op/Ops.Gl.Render2Texture
(you only need one texture anyway)
all should work fine!

1 Like

i added a requirement, so the patch does not start without webgl2

do you still get the frame errors ?

Thank you really much for the super quick answer!

The requirement works, now it doesn’t load in Safari and shows the reason.

if I replace render2textures with render2texture it actually loads.
The behavior is not the expected one anyway.
I get this error:

[Error] WebGL: INVALID_FRAMEBUFFER_OPERATION: drawElements: attachment type is not correct for attachment
	drawElements
	render (cables.min.js:2:22471)
	finish (cables.min.js:5:15534)
	onTriggered (code:72856)
	_onTriggered (cables.min.js:8:1269)
	trigger (cables.min.js:8)
	onTriggered (code:72593)
	_onTriggered (cables.min.js:8:1269)
	trigger (cables.min.js:8)
	doRender (code:71888)
	_onTriggered (cables.min.js:8:1269)
	trigger (cables.min.js:8)
	doRender (code:60950)
	_onTriggered (cables.min.js:8:1269)
	trigger (cables.min.js:8)
	onTriggered (code:47727)
	_onTriggered (cables.min.js:8:1269)
	trigger (cables.min.js:8)
	doRender (code:60558)
	_onTriggered (cables.min.js:8:1269)
	trigger (cables.min.js:8)
	triggerAll (code:96768)
	_onTriggered (cables.min.js:8:1269)
	trigger (cables.min.js:8)
	onAnimFrame (code:46258)
	renderFrame (cables.min.js:7:18048)
	exec (cables.min.js:7:18845)
	(anonymous function)

And this is how it renders in Chrome:

While this is how ir renders in Safari:

Can you post a link to a patch with the bug report in the future ?

The link to the patch was in the first post.

it is the HDR checkbox in the imageCompose that does not work with safari

yes safari needs more love

Thank you pandur, much appreciated! I now made a webgl1 compatible version and a webgl2 version with hdr (as it looks slightly better imho).
It is used for this by the way: http://ludwig.ai
With a reference to cabes.gl in the footr.
It’s such a great tool, need to spread the love!

1 Like

Hi W4nderlust,

Dealing with the same issue, how did you make a webgl1 version? Cant seem to identify which ops are compatible with webgl1.

Best regards!

I just turned off the HDR checkbox in ImageCompos, as pandur suggested.

1 Like