#offscreencanvas — Public Fediverse posts

Скриншоты не победить, но скрейпинг можно удорожить: 4 слоя защиты изображений на UGC-платформе

У меня есть платформа для работы с метафорическими ассоциативными картами. Это инструмент психологов, коучей: колода картинок, вопросы, разговор. Звучит нишево, но суть задачи универсальна – авторский визуальный контент в вебе, который надо защитить от массового скачивания и пиратства. При этом контент загружают сами пользователи. Если вы делаете галерею, маркетплейс иллюстраций, образовательную платформу с визуалами или любой сервис, где картинки – это ценность, а не декорация, эта статья для вас. Я расскажу, как выстроил многослойную защиту изображений, не превращая при этом продукт в крепость, из которой неудобно пользоваться.

https://habr.com/ru/articles/1004580/

#WebCrypto_API #защита_изображений #водяные_знаки #UGC #Canvas_API #тайлинг #ECDSA #антипиратство #OffscreenCanvas #rate_limiting

Скриншоты не победить, но скрейпинг можно удорожить: 4 слоя защиты изображений на UGC-платформе

У меня есть платформа для работы с метафорическими ассоциативными картами. Это инструмент психологов, коучей: колода картинок, вопросы, разговор. Звучит нишево, но суть задачи универсальна – авторский визуальный контент в вебе, который надо защитить от массового скачивания и пиратства. При этом контент загружают сами пользователи. Если вы делаете галерею, маркетплейс иллюстраций, образовательную платформу с визуалами или любой сервис, где картинки – это ценность, а не декорация, эта статья для вас. Я расскажу, как выстроил многослойную защиту изображений, не превращая при этом продукт в крепость, из которой неудобно пользоваться.

https://habr.com/ru/articles/1004580/

#WebCrypto_API #защита_изображений #водяные_знаки #UGC #Canvas_API #тайлинг #ECDSA #антипиратство #OffscreenCanvas #rate_limiting

Скриншоты не победить, но скрейпинг можно удорожить: 4 слоя защиты изображений на UGC-платформе

У меня есть платформа для работы с метафорическими ассоциативными картами. Это инструмент психологов, коучей: колода картинок, вопросы, разговор. Звучит нишево, но суть задачи универсальна – авторский визуальный контент в вебе, который надо защитить от массового скачивания и пиратства. При этом контент загружают сами пользователи. Если вы делаете галерею, маркетплейс иллюстраций, образовательную платформу с визуалами или любой сервис, где картинки – это ценность, а не декорация, эта статья для вас. Я расскажу, как выстроил многослойную защиту изображений, не превращая при этом продукт в крепость, из которой неудобно пользоваться.

https://habr.com/ru/articles/1004580/

#WebCrypto_API #защита_изображений #водяные_знаки #UGC #Canvas_API #тайлинг #ECDSA #антипиратство #OffscreenCanvas #rate_limiting

Скриншоты не победить, но скрейпинг можно удорожить: 4 слоя защиты изображений на UGC-платформе

У меня есть платформа для работы с метафорическими ассоциативными картами. Это инструмент психологов, коучей: колода картинок, вопросы, разговор. Звучит нишево, но суть задачи универсальна – авторский визуальный контент в вебе, который надо защитить от массового скачивания и пиратства. При этом контент загружают сами пользователи. Если вы делаете галерею, маркетплейс иллюстраций, образовательную платформу с визуалами или любой сервис, где картинки – это ценность, а не декорация, эта статья для вас. Я расскажу, как выстроил многослойную защиту изображений, не превращая при этом продукт в крепость, из которой неудобно пользоваться.

https://habr.com/ru/articles/1004580/

#WebCrypto_API #защита_изображений #водяные_знаки #UGC #Canvas_API #тайлинг #ECDSA #антипиратство #OffscreenCanvas #rate_limiting

OffscreenCanvas в JavaScript: разгоняем графику до максимума

Привет, Хабр! Сегодня разберёмся с тем, что такое OffscreenCanvas , зачем он нужен и как правильно его использовать. OffscreenCanvas — это API, которое позволяет рендерить графику в отдельном потоке Worker , не блокируя основной поток, где обрабатывается интерфейс.

https://habr.com/ru/companies/otus/articles/863634/

#js #OffscreenCanvas #api

OffscreenCanvas в JavaScript: разгоняем графику до максимума

Привет, Хабр! Сегодня разберёмся с тем, что такое OffscreenCanvas , зачем он нужен и как правильно его использовать. OffscreenCanvas — это API, которое позволяет рендерить графику в отдельном потоке Worker , не блокируя основной поток, где обрабатывается интерфейс.

https://habr.com/ru/companies/otus/articles/863634/

#js #OffscreenCanvas #api

OffscreenCanvas в JavaScript: разгоняем графику до максимума

Привет, Хабр! Сегодня разберёмся с тем, что такое OffscreenCanvas , зачем он нужен и как правильно его использовать. OffscreenCanvas — это API, которое позволяет рендерить графику в отдельном потоке Worker , не блокируя основной поток, где обрабатывается интерфейс.

https://habr.com/ru/companies/otus/articles/863634/

#js #OffscreenCanvas #api

OffscreenCanvas в JavaScript: разгоняем графику до максимума

Привет, Хабр! Сегодня разберёмся с тем, что такое OffscreenCanvas , зачем он нужен и как правильно его использовать. OffscreenCanvas — это API, которое позволяет рендерить графику в отдельном потоке Worker , не блокируя основной поток, где обрабатывается интерфейс.

https://habr.com/ru/companies/otus/articles/863634/

#js #OffscreenCanvas #api

I'd like to spend some more time with #WebComponents, #ServiceWorkers, #WebSockets, #OffscreenCanvas, #WebWorkers, #WebGPU, #SVG, and the #GamePad #API.

I've been noodling for a long time about how you could build a game using #ESModules, and #CustomElements to allow players to author their own components to extend the game.

I guess I'm just more interested in how the game works mechanically than how it looks.

I'd like to spend some more time with #WebComponents, #ServiceWorkers, #WebSockets, #OffscreenCanvas, #WebWorkers, #WebGPU, #SVG, and the #GamePad #API.

I've been noodling for a long time about how you could build a game using #ESModules, and #CustomElements to allow players to author their own components to extend the game.

I guess I'm just more interested in how the game works mechanically than how it looks.

I'd like to spend some more time with #WebComponents, #ServiceWorkers, #WebSockets, #OffscreenCanvas, #WebWorkers, #WebGPU, #SVG, and the #GamePad #API.

I've been noodling for a long time about how you could build a game using #ESModules, and #CustomElements to allow players to author their own components to extend the game.

I guess I'm just more interested in how the game works mechanically than how it looks.

I'd like to spend some more time with #WebComponents, #ServiceWorkers, #WebSockets, #OffscreenCanvas, #WebWorkers, #WebGPU, #SVG, and the #GamePad #API.

I've been noodling for a long time about how you could build a game using #ESModules, and #CustomElements to allow players to author their own components to extend the game.

I guess I'm just more interested in how the game works mechanically than how it looks.

I'd like to spend some more time with #WebComponents, #ServiceWorkers, #WebSockets, #OffscreenCanvas, #WebWorkers, #WebGPU, #SVG, and the #GamePad #API.

I've been noodling for a long time about how you could build a game using #ESModules, and #CustomElements to allow players to author their own components to extend the game.

I guess I'm just more interested in how the game works mechanically than how it looks.

Same!

> I've always tended to be a web maximalist, but I've never felt more optimistic than I do now about the power of the modern web as a true application platform. @ameo

https://cprimozic.net/blog/building-a-signal-analyzer-with-modern-web-tech/

#Browser #WebDev #WebWorkers #SharedArrayBuffer #OffscreenCanvas #Wasm #WebGPU

Same!

> I've always tended to be a web maximalist, but I've never felt more optimistic than I do now about the power of the modern web as a true application platform. @ameo

https://cprimozic.net/blog/building-a-signal-analyzer-with-modern-web-tech/

#Browser #WebDev #WebWorkers #SharedArrayBuffer #OffscreenCanvas #Wasm #WebGPU

Same!

> I've always tended to be a web maximalist, but I've never felt more optimistic than I do now about the power of the modern web as a true application platform. @ameo

https://cprimozic.net/blog/building-a-signal-analyzer-with-modern-web-tech/

#Browser #WebDev #WebWorkers #SharedArrayBuffer #OffscreenCanvas #Wasm #WebGPU

Same!

> I've always tended to be a web maximalist, but I've never felt more optimistic than I do now about the power of the modern web as a true application platform. @ameo

https://cprimozic.net/blog/building-a-signal-analyzer-with-modern-web-tech/

#Browser #WebDev #WebWorkers #SharedArrayBuffer #OffscreenCanvas #Wasm #WebGPU

Same!

> I've always tended to be a web maximalist, but I've never felt more optimistic than I do now about the power of the modern web as a true application platform. @ameo

https://cprimozic.net/blog/building-a-signal-analyzer-with-modern-web-tech/

#Browser #WebDev #WebWorkers #SharedArrayBuffer #OffscreenCanvas #Wasm #WebGPU

Visual: nd-buffer-landscape-001
Song: HighThere - Forever (feat. MC ZEE)

This #ThreeJS #visual is using a Box (wireframe) as it's base element. Each side is moved towards the center of the Box and can be moved based on #audio input. Using the raw audio buffer, the vertices of each side are changing based on a generated map (color) & displacementMap (height). The final composition happens in #modV.

#genart #audioreactive #offscreencanvas #javascript

Visual: nd-buffer-landscape-001
Song: HighThere - Forever (feat. MC ZEE)

This #ThreeJS #visual is using a Box (wireframe) as it's base element. Each side is moved towards the center of the Box and can be moved based on #audio input. Using the raw audio buffer, the vertices of each side are changing based on a generated map (color) & displacementMap (height). The final composition happens in #modV.

#genart #audioreactive #offscreencanvas #javascript

Visual: nd-buffer-landscape-001
Song: HighThere - Forever (feat. MC ZEE)

This #ThreeJS #visual is using a Box (wireframe) as it's base element. Each side is moved towards the center of the Box and can be moved based on #audio input. Using the raw audio buffer, the vertices of each side are changing based on a generated map (color) & displacementMap (height). The final composition happens in #modV.

#genart #audioreactive #offscreencanvas #javascript

Visual: nd-buffer-landscape-001
Song: HighThere - Forever (feat. MC ZEE)

This #ThreeJS #visual is using a Box (wireframe) as it's base element. Each side is moved towards the center of the Box and can be moved based on #audio input. Using the raw audio buffer, the vertices of each side are changing based on a generated map (color) & displacementMap (height). The final composition happens in #modV.

#genart #audioreactive #offscreencanvas #javascript

Visual: nd-buffer-landscape-001
Song: HighThere - Forever (feat. MC ZEE)

This #ThreeJS #visual is using a Box (wireframe) as it's base element. Each side is moved towards the center of the Box and can be moved based on #audio input. Using the raw audio buffer, the vertices of each side are changing based on a generated map (color) & displacementMap (height). The final composition happens in #modV.

#genart #audioreactive #offscreencanvas #javascript