HabrFeb 27

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

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

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

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

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

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

Хабр
HabrDec 11, 2024

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

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

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

#js #OffscreenCanvas #api

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

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

Хабр
Show thread🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸Jul 5, 2024

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.

Omid FarhangJun 23, 2024

Optimizing Angular Applications with Web Workers and OffscreenCanvas

#Angular #FrontendDevelopment #WebWorkers #OffscreenCanvas #Optimizing #Performance

https://g.omid.dev/xDry1qe

Optimizing Angular Applications with Web Workers and OffscreenCanvas

In today’s web development landscape, performance is king. Users expect fast, responsive applications that perform smoothly even under heavy loads. This expectation places a significant burden on developers, especially those working with complex front-end frameworks like Angular. One effective strategy for enhancing the performance of Angular applications is to leverage Web Workers and OffscreenCanvas. In this detailed guide, we will explore how to use these technologies to offload heavy computations and rendering tasks, thus optimizing your Angular applications for better performance.

pablolarahJun 7, 2024

🔵🟠 Creating Daylight | The Devex
by @matiasperz_ & @matiNotFound
at @basementstudio
#webdev #GSAP #OffscreenCanvas #animation #debugging #WebGL

https://basement.studio/blog/creating-daylight-the-devex

Creating Daylight | The Devex | basement.studio

Discover how we enhanced our development process for the Daylight project, from debugging tips to performance boosts maintaining a clean codebase. Meet you down below!

data0May 22, 2023

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

Building a Signal Analyzer with Modern Web Tech

An overview of the design of a signal analyzer module for a browser-based digital audio workstation built with modern web tech. The post goes over the specific web tech used (things like SharedArrayBuffer, OffscreenCanvas, WebAssembly, etc.) as well as the code design patterns used to build the interactive visualizations.

Casey Primozic's Blog
NERDDISCODec 6, 2022

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